A custom ReactJS/NextJS hook based on @tanstack/react-query that queries the cache for the contents at a given query key

useReactQueryCache.ts

import { useQueryClient } from "@tanstack/react-query";

export function useReactQueryCache<D, E>(queryKey: unknown[] = []) {
  const queryClient = useQueryClient();

  const queryCache = queryClient.getQueryCache();
  return queryCache.find<D, E>(queryKey);
};