Struggling to build a PWA with react-query

Hey guys! I am using

PersistQueryClientProvider

PersistQueryClientProvider

with

localStorage

localStorage

. I have this specific use case where I have

refetchOnWindowFocus

refetchOnWindowFocus

enabled, which provides a better overal UX imo. The issue is that when a user is on another application, looses his network connection somehow, then returns to my PWA, the queries will be executed (be cause of

refetchOnWindowFocus

refetchOnWindowFocus

) and ultimately fail which will then delete the cached data in local storage, why does this happen? Btw im not using the

offlineFirst

offlineFirst

network mode (just using the default one) because that would require me to cache the API data in my service worker (which I might consider now because of all the issues I have building an offline experience).

Tips are welcome!

TanStack•9mo ago•

1 reply

worthy-rose

Struggling to build a PWA with react-query

Hey guys! I am using

PersistQueryClientProvider

PersistQueryClientProvider

with

localStorage

localStorage

. I have this specific use case where I have

refetchOnWindowFocus

refetchOnWindowFocus

refetchOnWindowFocus

refetchOnWindowFocus

) and ultimately fail which will then delete the cached data in local storage, why does this happen? Btw im not using the

offlineFirst

offlineFirst

Struggling to build a PWA with react-query

Similar Threads

Struggling to build a PWA with react-query

Similar Threads

Similar Threads

Similar Threads