How to use React-Query as state management on server side in Next.js?

386 Views Asked by At

(App router) - I want to use react-query as state management on server side instead of URL bc some are dynamic. Fx. I use queryClient.setQueryData(['page]', { page: "home"}) on SSR layout.tsx/page.tsx to set query data and then use as the state.

When I navigate to pages where query data is set it works first time, but when I navigate back to the previous page or a page where data is already set one time it does not update that data. How can I update the data everytime I navigate to a different layout.tsx/page.tsx or is there better ways to achieve this?

0

There are 0 best solutions below