usestore.ts

import { useState, useEffect } from "react";

export const useStore = <T, F>(
  store: (callback: (state: T) => unknown) => unknown,
  callback: (state: T) => F,
) => {
  const [data, setData] = useState<F>();
  const result = store(callback) as F;
  useEffect(() => {
    setData(result);
  }, [result]);

  return data;
};

export default useStore;