when I refresh a page, all fetched data will delete in Nextjs

[hadikman]

Hi

I have only this problem in this path:
/zones/zone?q=1

I fetch the data in Zone component, first I check when the 'q' is available and when isQueryParam is true, the fetch will start:

And when I refresh the page these two steps will happen:

Step 1:

Step 2:

Even after refreshing the page, I have requests to the APIs, but it doesn't cache:

I must go to the other page (except /zone/[slug]) and then come back to this page, and in this way, everything is fine!

Thank you in advance

[TkDodo]

wild guess: https://tkdodo.eu/blog/react-query-fa-qs#2-the-queryclient-is-not-stable

[hadikman]

Thank you very much, it works 😎!

As your guide, I moved "const queryClient = new QueryClient()" outside of App component.