search

BuilderIO / hydration-overlay

Overlay for hydration errors with explicit diff between renders.
https://www.builder.io/blog/announcing-react-hydration-overlay
MIT License
500 stars 17 forks source link

Doesn't work in next.js 14.1.0 application #42

Closed dogfrogfog closed 10 months ago

dogfrogfog commented 10 months ago

I followed the guide step by step, but the overlay doesn't work.

Am i missing something?

setup Screenshot 2024-01-31 at 07 44 48

result Screenshot 2024-01-31 at 07 46 04

samijaber commented 10 months ago

You might need to update the appRootSelector to body or something else. Nextjs applications are initialized with a <main> element, which is why we use that as a default, but it looks like you removed yours from your app.

dogfrogfog commented 10 months ago

yeah you are right, thanks! figured this out 🫂