Hey @yeungc 👋,

Thank you for opening an issue. We'll get back to you as soon as we can.
Please, consider supporting us on Open Collective. We give a special attention to issues opened by backers.

If you use Reakit at work, you can also ask your company to sponsor us ❤️.

I was checking, it might happen because we try to render the Portal Tooltip ( given unstable_portal = true ). In theory <Portal /> should be just rendering null on the server though 🤔 , maybe lifting the document guard up might help?

// Tooltip.tsx
if (options.unstable_portal && isClient) {
  element = <Portal>{element}</Portal>;

I was checking, it might happen because we try to render the Portal Tooltip ( given unstable_portal = true ). In theory <Portal /> should be just rendering null on the server though 🤔 , maybe lifting the document guard up might help?

// Tooltip.tsx
if (options.unstable_portal && isClient) {
  element = <Portal>{element}</Portal>;

Thank you, but I have checked again, even if I set unstable_portal to true or false, the warning message is still here.

Hi. I had same error with modal Popover. I found workaround in next.js examples - creating component which renders not just on client, but after hydration and passing it into as property of PopoverBackdrop. Same works for tooltip.

I'd like to look into Reakit itself to understand what is happening, but I'm completely unfamiliar with codebase, so it'll require some time.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Hey,
i'm really liking Reakit! However, in NextJS app i get the same error as reported, but for popover modal: true. It would be great if popover (Modal) would allow for options.unstable_portal so i'm able to render my own portal rather then that of Reakit, which is what i did to fix the tooltip issue.

Just wandered on the progress of this ticket and if it was likely to get fixed? Thanks in advance 😄

Hey, This has been stale for a while. Just wandered if this would get merged?

Same issue here.

This article https://blog.jannikwempe.com/react-pre-rendering-and-potential-hydration-issue helped me with my issue #1204