Offline/Persistor network error when device is offline

[bombillazo]

Hello! I'm using the experimental createAsyncStoragePersistor and persistQueryClient in React Native to persist my cache across app usage sessions and for offline support when the user's device does not have an internet connection. I already set up my custom store implementing the AsyncStorage interface, create the persistor, and passed my client to the persistor. Config params are as recommended (maxAge > cacheTime) and see data being sent to the store while running the app. Here are the issue I've been having so far when my device is offline of which I would greatly appreciate any help:

• Once a query data is stale, RQ tries to fetch data from the network, yielding a Network request failed error. I fetch the queryCache data with getQueryData and see that the data is there. The expected behavior is that RQ knows it is offline and only tries to fetch data from the cache.

Thank you for the help!

Package versions
react: 16.13.1
react-native: 0.63.4
react-query: 3.19.0

[bombillazo]

I got it to work with some custom code, posting it here to share in case anyone else encounters this blocker.
After finding the onlineManager while browsing the source code and reading more about it in the docs, here's what I came up with:

onlineManager.setEventListener((setOnline) => {
  return NetInfo.addEventListener((state) => {
    if (state.isConnected) {
      client.setDefaultOptions({
        queries: {
          cacheTime,
          staleTime,
        }
      });
    } else {
      // keep cache until back online
      client.setDefaultOptions({
        queries: {
          cacheTime: 'Infinity',
          staleTime: 'Infinity',
        }
      });
    }
    setOnline(state.isConnected);
  });
});

And in my calls to the backend, I check the onlineManager state and if it is offline, I skip the async call to the server and serve data from the cache.