As the example in documentation (https://tanstack.com/query/latest/docs/framework/react/reference/QueryClientProvider#queryclientprovider), you have to instantiate your queryClient outside of your app component.

This solved the problem for me.

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

const queryClient = new QueryClient()

function App() {
  return <QueryClientProvider client={queryClient}>...</QueryClientProvider>
}