useQuery call not returning in inactive tab

[patorjk]

I'm having an issue where I'm opening tabs in a new window, but the tabs don't full load until I go to them. After some troubleshooting, I'm noticing that the useQuery calls aren't returning until the tab is active. The actual REST call completely goes though, and if I put a manual axios call in the transformResponse call, I see that occur. So I know the data is coming back, it's just the useQuery hook doesn't trigger with the response until the tab becomes active again.

The reason its an issue is because without this call going through, other calls in my app don't occur until the tab is active.

  const { isSuccess, data: preferences } = useGetPreferencesQuery();
...

isSuccess && <SomeOtherComponentThatWillAlsoMakeRestCalls/>

Is this how it's suppose to work? And is there a way to get the useQuery calls to return in inactive tabs?

[phryneas]

We don't have any code in place that would differentiate between an active or inactive tab, or is even aware that it is running in a browser.

[patorjk]

Thank you for the reply. I'll keep digging. It may be due to Chrome throttling something else in the inactive tab.