recoil-query-prototype.jsx

const { data } = useQuery(["pets", 1], fetch(`/pets`), { map: (v) => v });

const useQuery = (key, fetcher, { map }) => {
  const [payload, setPayload] = useRecoilState(cacheState(key));
  const promise = payload ? Promise.resolve() : fetcher().then(setPayload);

  const data = useMemo(
    () => (payload ? map(payload) : undefined),
    [map, payload]
  );

  if (!payload) {
    throw promise;
  }

  return { data };
};

const useQueries = (queries) => {
  const statePair = useRecoilState(allCachesState(queries.map((q) => q.key)));
  const promise = Promise.all(
    statePair.map((p) => (p[0] ? Promise.resolve() : fetcher().then(p[1])))
  );

  /// omit
};

const cacheState = atomFamily({
  key: "cacheState",
});

const allCachesState = selector({
  key: "allCachesState",
  get:
    ({ get }) =>
    (keys) =>
      keys.map((key) => get(cacheState(key))),
  set: ({ set }, { keys, value }) => {
    for (const key in keys) {
      set(allCachesAtom(key), value);
    }
  },
});

const useQueryClient = (key) => {
  const set = useSetRecoilState(allCachesSelector);
  return {
    invalidateQueries: (keys) => {
      set(keys, undefined);
    },
  };
};

Moved to https://github.com/occar421/my-etudes/blob/main/recoil-primitive-sandbox/src/recoil-query.ts