Always refetching when router with react-router changes

[mateosantosdev]

Hi,

I've played with refetchOnMount, refetchOnWindowFocus, refetchOnReconnect and staleTime without success. Everytime router changes, my backend receive a petition.

This is my code:
index.tsx

const queryClient = new QueryClient({
    defaultOptions: {
        queries: {
            retry: 3,
            refetchOnMount: false,
            refetchOnWindowFocus: false,
            refetchOnReconnect: false
        }
    }
});

ReactDOM.render(
        <QueryClientProvider client={queryClient}>
            <App />
        </QueryClientProvider>,
    document.getElementById('root')
); 

The query

useQuery<QueryResponse, ServerError>(
        ['permissions'],
        () => {
            return BEService.fetch(`auth/permissions`);
        },
        {
            staleTime: 10 * 60000,
            refetchOnMount: false,
            refetchOnWindowFocus: false
        }
    );

Any idea what I'm doing wrong?

Thanks!

[TkDodo]

please provide a codesandbox reproduction

[karol-janik]

Have you read these docs about when react-query performs a background refetch? It is hard to figure out what's going on without a sample code.