[Bug]: `Accordion` / `Collapsible` components default open on SSR about radix-vue HOT 5 OPEN

@zernonia Look at my implementation

https://vue-primitives.netlify.app/?path=/story/components-accordion--single

https://github.com/morgenstern-ui/vue-primitives/blob/main/packages/vue-primitives/src/collapsible/CollapsibleContent.vue

from radix-vue.

Maybe relevant, as I didn't want to open another issue:

Same Accordion / Collapsible throws Hydration attribute mismatch when used with Nuxt and SSR (inclusive on the docs, linked in the initial post).

Hydration attribute mismatch on <div ... id=​"radix-vue-collapsible-content-57">​…​</div>​
  - rendered on server: id="radix-vue-collapsible-content-57"
  - expected on client: id="radix-vue-collapsible-content-8"

I'd assume useId() is required.

from radix-vue.

Thanks @teleskop150750 .. however I don't think that fixes the issue.

@Cry0nicS it's not hydration issue. If you encountered hydration issue do check out #577

from radix-vue.

Thanks @teleskop150750 .. however I don't think that fixes the issue.

@Cry0nicS it's not hydration issue. If you encountered hydration issue do check out #577

as far as I understand, the problem is in this code. First, the component is rendered with empty content. Then the parent component receives a link to "Presence". And only after that, if "present === true" the internal content is rendered

Link

from radix-vue.

I get the initial value synchronously

Parent
usePresence

from radix-vue.