© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Search
Star
Feedback
Setup for Free
Next 13.4 problem with loading state after content is visible & hydration problem - Theo's Typesafe Cult
TTC
Theo's Typesafe Cult
•
3y ago
Armand
Next 13.4 problem with loading state after content is visible & hydration problem
Hey
, I have a small app with Next 13
.4 with Shadcn Ui
it
's really really good
.
But I
'm also using XState with a provider that I init on my
layout.tsx
layout.tsx
file because I save and read the machine from a DB
(don
't ask why I
'm just trying things
)
.
As you can see on the video
, when I navigate
, the content is first shown with the right data
, AND AFTER
, the loading state from
loading.tsx
loading.tsx
is shown
.
.
.
And I have an hydration problem
.
.
. I fixed it with a dynamic import but it feels wrong
. I
'm using the
"use client"
"use client"
directive on my page and layout
. I found this article but it didn
't help me much
.
.
.
https://nextjs.org/docs/messages/react-hydration-error
Another question
: How to get data from a server component and
"add it
" to react query as initial data
?
react-hydration-error | Next.js
Theo's Typesafe Cult
Join
27,305
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Similar Threads
Was this page helpful?
Yes
No
Recent Announcements
Similar Threads
Simple SSR + Hydration with tRPC and Next.js 13
TTC
Theo's Typesafe Cult / questions
3y ago
Next 13
TTC
Theo's Typesafe Cult / questions
4y ago
getStaticProps next 13 with tRPC
TTC
Theo's Typesafe Cult / questions
4y ago