Skip to content

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

@Stekmo

Description

@Stekmo

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions