`props` of type `JSXElement` fail to hydrate in some cases.

[thinke5]

Describe the bug

Using el before rendering will cause an error.

Commenting out the line containing style will prevent the error.

Your Example Website or App

https://stackblitz.com/edit/github-xorzewm2?file=src%2Froutes%2Findex.tsx

Steps to Reproduce the Bug or Issue

run project

Expected behavior

not hydration bug

Screenshots or Videos

No response

Platform

• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [e.g. 91.1]

Additional context

No response

[ryansolid]

It's because it renders the span twice and it can't find it the first time during hydration. You should be able to solve this by wrapping the props.el reference in the children helper or a createMemo call. In general any DOM element creation during hydration (or SSR) which is not inserted is going to cause mismatches because it can't find them.

One other thing you can also do is "el" in props which will ask the question without trying to render it.

[thinke5]

Solved, thank you