Open markerikson opened 1 year ago
Related issues:
General notes:
with-redux
example, which has been updated to show the app
directory: https://github.com/vercel/next.js/tree/canary/examples/with-redux@markerikson I'm having issues with getting Redux state hydration working in Next 13. My strategy from Next 12 & pages router doesn't work with the app router. And the with-redux
doesn't include a hydration example.
Are you aware of this already? If not -- should I open a new issues to dig into this further, or would you prefer a comment in this ticket instead?
@EvHaus : per this thread, we generally don't have any specific support for the App Router + Redux stuff atm, beyond "if you intend to use Redux on the client side, make sure to render <Provider>
in a client component".
What are you actually trying to accomplish?
I want the server to fetch data from a database and return it to the client along with the SSR HTML so that Redux state can be hydrated on the client without the client needing to make its own additional fetches. Very similar to what https://github.com/kirill-konshin/next-redux-wrapper is doing.
Yeah, we have no actual answer for that with the App Router right now, largely due to the lack of API features needed to make that even possible. See Lenz's article here for some more details:
@phryneas can maybe chime in more, but right now that's not feasible as far as I know.
Note that we now have official docs on how to set up Redux with Next.js and the App Router correctly:
Thanks for the documentation..it was really needed. Although there's a statement there that says
only use Redux for globally shared, mutable data
I do plan to use Redux for global data, but probably not mutable.
For example, when my application loads, I plan to fetch the app settings and store the data in the redux store so I can have it readily accessible for client components usage.
What's your take on this please ?
We're getting a lot of questions about whether RTK Query works with RSCs.
Quoting Lenz at https://twitter.com/phry/status/1666553972075687938 :
We're also looking at tweaking RTKQ + React-Redux to not throw errors related to calling
createContext
in an RSC environment.