react-laag icon indicating copy to clipboard operation
react-laag copied to clipboard

[BUG]: Hydration fails with nextjs app router

Open Stekmo opened this issue 11 months ago • 2 comments

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

Stekmo avatar Jul 27 '23 11:07 Stekmo