#unwanted automatic page refresh with loaders

1 messages · Page 1 of 1 (latest)

lethal halo Jul 24, 2024, 12:20 PM

I’m using loaders with react query on my routes and every time I leave the tab and come back to it the page automatically refreshes. Is there a way to prevent that?

silk jackal Jul 24, 2024, 12:21 PM

That's a React Query feature. You can turn it off with refetchOnWindowFocus https://tanstack.com/query/v4/docs/framework/react/guides/window-focus-refetching

Window Focus Refetching | TanStack Query React Docs

If a user leaves your application and returns and the query data is stale, TanStack Query automatically requests fresh data for you in the background. You can disable this globally or per-query using the refetchOnWindowFocus option:

Disabling Globally