Global state query for React Query

query.js

/*
  const [storeData, setStoreData] = useStoreQuery();
  setStoreData((prev) => ({ ...prev, user: 'jane', country: 'US' }));
*/

const useStoreQuery = () => {
  const queryKey = ["storeQuery"];
  const initialData: InitialStoreData = {
    bookDetails: {},
  };

  return [
    useQuery({
      queryKey,
      queryFn: () => initialData,
      initialData,
      enabled: false,
    }).data,
    (value) => queryClient.setQueryData(queryKey, value),
  ];
};