On Page Load Query is vanished

[narutocarlo]

"Hi everyone, I'm using Next.js and tanstack React Query to call an API and display data on a page based on a query parameter. I'm facing an issue where, when I reload the page, the data fetched using tanstack React Query disappears from the DevTools. The data is still visible on the page, but it looks like the query is not being cached or saved properly.

I've already tried using the initialData and keepPreviousData options in useQuery, as well as using the useEffect hook to refetch the data when the component mounts or the query parameter changes, but none of these solutions have worked.

Can anyone suggest a possible cause of this issue or another solution to try? Thank you for your help!"

i have shared the screen shot of these below

after Reload

before Reload

This is my code for this page

[TkDodo]

is your query client stable?

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