SolidJSS
SolidJSโ€ข17mo agoโ€ข
1 reply
juliuskiesian

hydration mismatch when using SuspenseList

Hi, all.
When using SuspenseList in solidstart i ran into this error:

Hydration Mismatch. Unable to find DOM nodes for hydration key: 000000000010001000000300003


Here is a project for reproducing it: https://stackblitz.com/edit/stackblitz-starters-1bq7h1?file=src%2Fcomponents%2FProfile.tsx

To see this error, use this url: https://stackblitzstarters1bq7h1-gnvq-yj5uy0gc--3000--216f7361.local-credentialless.webcontainer.io/tutorial/async_suspense_list

A couple of curious remarks:

* Remove the SuspenseList and use a plain div, the error is gone
* Build the project and then preview, the error is gone

Any idea how to fix this? Is this a bug?
image.png
StackBlitz
HTML/CSS/JS Starter
Static Starter - StackBlitz
Was this page helpful?