useNonCachedQuery

useNonCachedQuery.ts

import {useEffect} from "react";
import {useQuery, useQueryClient} from "react-query";

import type {
  QueryKey,
  QueryFunction,
  UseQueryOptions,
  UseQueryResult
} from "react-query";

const useNonCachedQuery = <
  TData = unknown,
  TError = unknown,
  TQueryFnData = TData
>(
  queryKey: QueryKey,
  queryFn: QueryFunction<TQueryFnData | TData>,
  options?: UseQueryOptions<TData, TError, TQueryFnData>
): UseQueryResult<TData, TError> => {
  const queryClient = useQueryClient();

  // eslint-disable-next-line react-hooks/exhaustive-deps
  useEffect(() => () => queryClient.removeQueries(queryKey), []);

  return useQuery(queryKey, queryFn, options);
};

export default useNonCachedQuery;