Simple mobx store

// mobx: 6.3.3
// React 16.8+

interface IStore {
  name: string;
}

export const useSelector = <T>(
  selector: () => T,
  deps: DependencyList = []
): T => {
  const [selected, setSelected] = useState(selector);

  // eslint-disable-next-line react-hooks/exhaustive-deps
  useEffect(() => autorun(() => setSelected(selector())), deps);

  return selected;
};

const store = observable.object({
  name: '',
});

export const updateStore = (newValues) => {
  runInAction(() => {
    Object.assign(store, newValues);
  });
};

export const useStore = () => useSelector(() => ({ ...store }));

export const useStoreName = () => useSelector(() => store.name);

export const useStoreValue = <T extends keyof IStore>(key: T): IStore[T] =>
  useSelector(() => store[key]);