[Bug?]: When using TanStack Router, nesting JSX tags inside of <Link>
causes hydration error
#1853
Open
2 tasks done
Labels
Uh oh!
There was an error while loading. Please reload this page.
Duplicates
Latest version
Current behavior 😯
If I nest any jsx tags inside the tag provided by @tanstack/solid-router (example:
<Link to="/"><b>Home</b></Link>
), it causes the following error:I created a repo that demonstrates the error here:
https://github.com/kiahjh/ts-router-solid-start-ssr-link-bug-demo/blob/master/src/routes/__root.tsx#L17
Expected behavior 🤔
No error; for instance, a tag should just make the content bold without causing a hydration error.
Steps to reproduce 🕹
Steps:
pnpm create solid@latest
<Link>
tag and nest some jsx in itContext 🔦
Specifically, I was building a sidebar navigation component, and wanted nicely styled sidebar links with icons and styled text; but nesting these elements inside a
<Link>
tag caused the issue described.Your environment 🌎
The text was updated successfully, but these errors were encountered: