react-laag
react-laag copied to clipboard
[BUG]: Hydration fails with nextjs app router
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:
- Create nextjs project with default configuration (fx. Codesandbox or
npx create-next-app
) - Implement a tooltip with
react-laag
- Load the page with the tooltip
- 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
Browser / OS (please complete the following information):
- OS: MacOS
- Browser: Chrome
- Version: 114.0.5735.248
Package versions