solidjs ssr with hydration "cannot read properties of null"

🐛 Bug report

Any zag component crashes in SolidJS during the hydration of a server-rendered component.

The problem does not occur if a page is rendered client-side only via render.

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'nextSibling')
    at index.page.tsx:14:3
    at Checkbox (index.page.tsx:20:34)
    at @solid-refresh:10:42
    at untrack (chunk-CGI4PW6R.js?v=14626c3e:447:12)
    at Object.fn (@solid-refresh:10:28)
    at runComputation (chunk-CGI4PW6R.js?v=14626c3e:751:22)
    at updateComputation (chunk-CGI4PW6R.js?v=14626c3e:734:3)
    at createMemo (chunk-CGI4PW6R.js?v=14626c3e:253:5)
    at hmrCompWrapper (@solid-refresh:7:20)
    at chunk-CGI4PW6R.js?v=14626c3e:555:12

💥 Steps to reproduce

1. Go to https://stackblitz.com/edit/solidjs-templates-chv1jk?file=src/pages/index.page.tsx
2. Open (browser) inspect.
3. The error should appear in the console right away. If not, refresh the preview.

💻 Link to reproduction

https://stackblitz.com/edit/solidjs-templates-chv1jk?file=src/pages/index.page.tsx

The renderer directory defines how the server renders a page and how the client hydrates it.

🧐 Expected behavior

No crash.

🌍 System information

Software	Version(s)
Zag Version	0.2
Browser	Chrome
Operating System	MacOS

[anubra266]

@samuelstroschein Yeah npm also crashes for me.

[samuelstroschein]

@segunadebayo @anubra266 running the dev server with pnpm works for me too. running the dev server with npm leads to the crash. I’ll investigate further. Zag does not seem to be the root cause.

Could someone confirm whether running the reproduction with npm run dev crashes?