solidjs
[Bug?]:Error: Hydration Mismatch. Unable to find DOM nodes for hydration key: 0-0-0-0-0-0-0-0-1-0-0-0-1-0-0-0-0-0-1
Duplicates
- [X] I have searched the existing issues
Latest version
- [X] I have tested the latest version
Current behavior 😯
Whenever i create a route with folders like routes/admin/dash.tsx this error happens when accessing that page.
Expected behavior 🤔
The page should render as normal.
Steps to reproduce 🕹
Steps:
- Create a route with folder
Context 🔦
No response
Your environment 🌎
No response
Does this happen after restarting the dev server. There is a known bug: https://github.com/solidjs/solid-start/issues/1286
@ryansolid tested also with v1, when adding new route this error happens, but after shutting down vite and restart is working.
Based on my experience, encountering such issues is usually due to:
- Adding/removing routes
- A component that might be a client-only component not being wrapped with the
clientOnlywrapper, which might require an elimination process to identify it 😭
Generally, restarting the development server resolves the issue. Sometimes, it's also necessary to delete the node_modules/.vinxi directory.
same issue happened to me when creating routes/product/[id].tsx, even after restarting the dev server, the problem persists, but deleting node_modules/.vinxi resolves it.
I have had this problem as well. The problem goes away when I disable the browser cache.
removing node_modules/.vinxi or doing a hard reload cmd + shift + R solves the issue as well.
I am facing the same issue.
Temporary Solution: Rather than deleting the .vixin from node_modules, disable caching from the developer tools -> Network tab. But it is pretty offputting when trying out a new framework.
