Does react query has a global error handler function/callback?

[lucashfreitas]

Hello guys,

Does react query has a global error callback handler like useSwr?. I was using useSwr before and instead of checking for 401 responses in every request or delegating that to every fetcher call, I could simply use that the global error handler to check that and then redirect users to Login, something like in this example:

<SWRConfig
              value={{
                refreshInterval: 3010,
                fetcher: api({
                  baseUrl: process.env.NEXT_PUBLIC_API_URL || '',
                }).fetch,

                onError: (err: any, key: string, config) => {
                  if (err.response && err.response.status === 401) {
                    Router.push('/login');
                  }
                },
              }}
            >
              <Component {...pageProps} />
            </SWRConfig>

Thaanks

[hlmnd]

Something like this?

const queryCache = new QueryCache({
  onError: requestHandler.onUnAuthorizedRequest,
})
const mutationCache = new MutationCache({
  onError: requestHandler.onUnAuthorizedRequest,
})

const queryClient = new QueryClient({
  queryCache,
  mutationCache,
  defaultOptions: {
    // some options ...
  },
})

[lucashfreitas]

Oh yeap, thaaanks! Will try it out! The error handler for query and mutation are called for every queries/mutations, right?

[TkDodo]

Right.