You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Some elements will not have a template in some cases like dynamic. I did this to prevent creating extra DOM nodes as the passed in template should never be hit. It only hits this code path if you are currently hydrating and will only error if there is a mismatch. So while this is why it errors and doesn't try to client render it also means that hydration has already failed at this point for another reason.
Understanding what you posted it's the Dynamic Component inside the main body of ErrorBoundary, not the one in the fallback? So for some reason at the point of creating that Dynamic component there is a mismatch. Which suggests that something above it is already off.
Out of curiosity can you turn your element into a function instead of creating it above. Then calling it where you insert. That would be the first thing I'd do because its possible that the mismatch is caused by some out of order inconsistency here. It suggests a bug in Solid but this will help narrow it down.
@ryansolid I've managed to create a library with the hydration error still happening everywhere in my code by stripping away emotion cache logic, It has helped to basically ignore this error, With this hydration error now, It only appends the hk attributes to the generated html which is kinda annoying html.
Now I'll be stripping even more and creating a very basic function & maybe another issue to report another error I've found
Duplicates
Latest version
Current behavior 😯
I am experiencing this issue #532 , when I use Dynamic component
Here's the codebase : https://github.com/Qinetik/Anique
To experience the error, You need to turn on
ssr
in vite config in demo, that's it as soon as you turn onssr
you start getting the error, There's aErrorBoundary
which catches this error and displays it herehttps://github.com/Qinetik/anique/blob/5107c7cad73c8de3f5311882efe269ea7d24b1e0/styled/src/base.tsx#L170
so if you remove this Dynamic component, the error is gone but also is the site because the whole site uses this
The website works completely when
ssr : false
The project is configured, not that big, pnpm updated, everything wired good, run start in the root folder
commit https://github.com/Qinetik/anique/tree/5107c7cad73c8de3f5311882efe269ea7d24b1e0
so how can I fix it ?
@ryansolid
Expected behavior 🤔
It should work
Steps to reproduce 🕹
I've given the repo with commit hash
Context 🔦
Make a static website with static Adapter with my UI component library, that'll publish on github
Your environment 🌎
solid 1.7.11 solid-start : ^0.3.5
The text was updated successfully, but these errors were encountered: