QueryClient refetch on store value change
I'm using react-query paired with tRPC. I have a global store value that updates the tRPC context.
I'm trying to trigger a tRPC/react-query refetch when the store value changes. If you click another app, like VSCode, and then click back to the browser, the query refetches properly.
However, when trying to manually trigger the refetch using
Not sure why blurring/refocusing the browser works but manually resetting the queries does not.
This QueryProvider component wraps the entire app. The useEffect is what runs invalidate and resetQueries. Hopefully this gives a view of all the setup code.
I've also posted this issue in the tRPC discord, but they suggested I ask here.
I'm trying to trigger a tRPC/react-query refetch when the store value changes. If you click another app, like VSCode, and then click back to the browser, the query refetches properly.
However, when trying to manually trigger the refetch using
queryClient.resetQueries()Not sure why blurring/refocusing the browser works but manually resetting the queries does not.
This QueryProvider component wraps the entire app. The useEffect is what runs invalidate and resetQueries. Hopefully this gives a view of all the setup code.
I've also posted this issue in the tRPC discord, but they suggested I ask here.
