RTK-Query: Stop polling when window looses focus

[Brookke]

Hello, is there a built in way in RTK-Query to disable polling when the window looses focus?

[kennysliding]

A proposed solution now is to use the skip flag, we can use an hook to get the state of whether the window is in focus, then pass that boolean into the query,

const isWindowFocused = useWindowFocus();
const { data, error, isLoading } = usePlaceHolderQuery(
    {},
    { pollingInterval: 5000, skip: isWindowFocused }
);

And the query will be skipped once the window is not focus

[phryneas]

Or

const isWindowFocused = useWindowFocus();
const { data, error, isLoading } = usePlaceHolderQuery(
    {},
    { pollingInterval: isWindowFocused ? 5000 : undefined }
);

• this will only stop polling, while skip might get the data removed from the cache over time.

[stevenlafl]

https://redux-toolkit.js.org/rtk-query/usage/queries#query-hook-options

const { data, error, isLoading } = usePlaceHolderQuery(null, {
  refetchOnFocus: false
});