How to know when a request was triggered by a window focus?

[joaobibiano]

Hello good people,

We are pursuing some performance issues around our platform, and we saw that the feature refetchOnWIndowsFocus were triggering many requests

There's nothing wrong with the library. I want to know when a windows focus triggered the HTTP request, so I can measure it using telemetry to identify the most painful request on my Application., then disable the refetchOnWindowsFocus for those requests.

I've tried to do so on my QueryClient, but that's not precise because not all queries that pass through refetchOnWindowsFocus will reach out to the networking given that some of them could not be stale

export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      staleTime: 10000,
      networkMode: 'always',
      refetchOnWindowFocus: (query) => {
        const tracer = otelProvider.getTracer('react-query');

        const span = tracer.startSpan('refetchOnWindowFocus');
        span.setAttribute('query', query.queryHash);
        span.end();

        return true;
      },
    },
  },
});

How can I do that?

Appreciate your time.

[joaobibiano]

I was able to do so by looking to query.isStale()