Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG]: Hydration fails with nextjs app router #96

Open
Stekmo opened this issue Jul 27, 2023 · 2 comments
Open

[BUG]: Hydration fails with nextjs app router #96

Stekmo opened this issue Jul 27, 2023 · 2 comments
Labels
bug Something isn't working

Comments

@Stekmo
Copy link

Stekmo commented Jul 27, 2023

Describe the bug
A clear and concise description of what the bug is.
renderLayer causes hydration errors when using the nextjs app router.

To Reproduce
Steps to reproduce the behavior:

  1. Create nextjs project with default configuration (fx. Codesandbox or npx create-next-app)
  2. Implement a tooltip with react-laag
  3. Load the page with the tooltip
  4. See error

Example here
https://codesandbox.io/p/sandbox/pensive-waterfall-tmw3dt?file=%2Fapp%2Fpage.tsx%3A12%2C1

Expected behavior
Wrapping the component in "use client" should not cause hydration errors.

Screenshots
image

Browser / OS (please complete the following information):

  • OS: MacOS
  • Browser: Chrome
  • Version: 114.0.5735.248

Package versions

  • nextjs@13.4.12
  • react-laag@2.0.5
@Stekmo Stekmo added the bug Something isn't working label Jul 27, 2023
@darksuei
Copy link

Hello @everweij
Can I be assigned this? I have run into a similar hydration error recently and might be able to fix this.

@SalahAdDin
Copy link

Hello @everweij Can I be assigned this? I have run into a similar hydration error recently and might be able to fix this.

did you fix it?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants