QueryFn is by default on pause and not executed

export const fakeAPI = () =>
  new Promise((resolve) =>
    setTimeout(() => {
      resolve(someTestData);
    }, 100)
  );


const useDocuments = (): UseQueryResult<IDocument[], void> => {
  return useQuery({
    queryKey: ['documents'],
    queryFn: () => {
      console.log('useDocuments');
      return fakeAPI(); // this is simply 
    },
    onSuccess: (data) => data,
    onError: (error) => console.error(error)
  });
};

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { useState } from 'react';

const client = () => new QueryClient();

const TanStackQueryProvider: FC<PropsWithChildren> = ({ children }) => {
  const [queryClient] = useState(client);

  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
};