Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
[CLOSED]: Hydration Nuxt 3 + Pinia - Nuxt
N
Nuxt
•
2y ago
•
21 replies
leofreedy.
[CLOSED]: Hydration Nuxt 3 + Pinia
nuxt 3 can
't handle pinia changes on server side
Error
:
"
[Vue warn
]
: Hydration node
m
i
s
m
a
t
c
h
:
"
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
GitHub
Hydration error using asynchronous global state (Pinia, useState) b...
Environment Operating System
: Windows
_NT Node Version
: v20
.0
.0 Nuxt Version
: 3
.11
.1 CLI Version
: 3
.11
.1 Nitro Version
: 2
.9
.5 Package Manager
: npm
@9
.6
.4 Builder
:
- User Config
: app
, runtimeConfig
, c
.
.
.
YouTube
Daniel Roe
Server Rendering and Global State
Ever wonder what
's different about rendering a Vue app on the server
, or why you sometimes get hydration errors with a Pinia store or global state
?
This video covers why and how you might have a hydration error when using and setting global state
.
Nuxt
Join
Nuxt Community Chat Server
31,817
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
Pinia localstorage Hydration Issues
N
Nuxt / ❓・help
2y ago
Pinia in Nuxt 3 composable error
N
Nuxt / ❓・help
3y ago
Nuxt 3 with Pinia gives me error 500
N
Nuxt / ❓・help
4y ago