leofreedy.
[CLOSED]: Hydration Nuxt 3 + Pinia
nuxt 3 can't handle pinia changes on server side
Error: "[Vue warn]: Hydration node mismatch:"
simple example: https://stackblitz.com/edit/github-6xitgs?file=stores%2FuseTestStore.ts,app.vue,nuxt.config.ts,components%2FTest.vue
Observing, I noticed that when we make changes to the state of the pinia variables during component initialization (server-side loading), we have this error, if the change comes after a user interaction (client-side) we do not have these problems.
CLOSED discussion:
https://github.com/nuxt/nuxt/issues/26508
Conclusion:
"I think this is the same issue as https://www.youtube.com/watch?v=dZSNW07sO-A.
Global state can't update HTML that has already been rendered." - by: @danielroe
22 replies