Replies: 2 comments 15 replies
-
|
i also got this error in every next js i start, i separate header & footer and then include them inside _app.js |
Beta Was this translation helpful? Give feedback.
-
|
Got a repo to look at? I guess the click is triggering some UI element to come up? Did this ever happen in pages? |
Beta Was this translation helpful? Give feedback.
-
|
Wow, <body>
<Suspense fallback={null}>
<div className="min-h-scren w-full bg-secondary-neutral font-elkjop-regular relative">
<div className="min-h-screen max-w-screen-2xl mx-auto bg-white w-full">
<Header />
{/* <QuickMenu quickMenuLinks={quickMenuLinks} /> */}
{children}
</div>
</div>
</Suspense>
</body>This seems to silence it... I tried wrapping children only, but it didn't do the trick. |
Beta Was this translation helpful? Give feedback.
-
|
Does adding Suspense impact server side rendering using the new app folder structure? Also, it seems like you needed to add the boundary around the whole "clickable" area. |
Beta Was this translation helpful? Give feedback.
-
|
@mastoj it definitely seems to add an extra render during hydration if you test w/ the react profiler. So not a solution by any means, but still a viable workaround in the meantime nonetheless. |
Beta Was this translation helpful? Give feedback.
-
|
ok, good to know. This is not mission critical by any means yet... so I might wait to add the workaround and see if a fix to the root cause will arrive. |
Beta Was this translation helpful? Give feedback.
-
|
Adding suspense didn't really help for me in the larger application, not sure why though. |
Beta Was this translation helpful? Give feedback.
-
I have an application/poc I'm working on but struggle with hydration. If I just sit back and wait for the application to load it works just fine, but if I click anywhere on the page before it has hydrated I get a hydration error:
First I thought it was related to one of my components, but it seems like it doesn't matter where I click I will get the error when I click the page.
Any idea what might be going on or how I debug this kind of issue?
I do use the new app folder for the application.
UPDATE: Small repro repo: https://github.com/mastoj/next-hydration-error
Beta Was this translation helpful? Give feedback.
All reactions