Using svelte/store with react hooks (useStore)

use-store.ts

interface Setter<T> {
  (value: T): void
}

export function useStore <T> (store: Writable<T>) : [T, Setter<T>]{
  const initialValue: T = get(store);
  const [value, setValue] = useState(initialValue);
  useEffect(() => store.subscribe(setValue), []);
  return [value, store.set];
}

export function useReducerWithStore<S, A> (reducer: Reducer<S, A>, store: Writable<S>): [S, Setter<A>] {
  const [state, set] = useStore(store);
  const dispatch = (action: A) => set(reducer(state, action));
  return [state, dispatch];
}

export function combineDispatchers<A> (dispatchArray: Setter<A>[]) : Setter<A> {
  return action => dispatchArray.forEach(dispatch => dispatch(action))
}