P4sca1 / nuxt-headlessui

Headless UI integration for Nuxt. Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
MIT License
168 stars 7 forks source link

Add note to documentation about hydration issues with SSR for Dialog component #18

Closed SvenWesterlaken closed 1 year ago

SvenWesterlaken commented 1 year ago

I had a hydration error in my local environment while using this library. After some digging, I found this thread https://github.com/tailwindlabs/headlessui/issues/1496 where they basically said that you should wrap the Dialog component in a <client-only> tag. It makes sense (and fixed my problem), but I would suggest adding this to the readme so other people could easily take note of this.

P4sca1 commented 1 year ago

Hey @SvenWesterlaken, with the next release, all Popover, Dialog, and Portal components will be client only by default. No need to wrap them in <ClientOnly>.

P4sca1 commented 1 year ago

:tada: This issue has been resolved in version 1.1.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: