[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

[KunalSin9h]

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:

1. Create a route with folder

Context 🔦

No response

Your environment 🌎

No response

[KunalSin9h]

[ryansolid]

Does this happen after restarting the dev server. There is a known bug: https://github.com/solidjs/solid-start/issues/1286

[KunalSin9h]

@ryansolid tested also with v1, when adding new route this error happens, but after shutting down vite and restart is working.

[FlatMapIO]

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 clientOnly wrapper, 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.

[KunalSin9h]

working only when removing node_modules/.vinxi package.

[sckoorp]

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.

[anurag-roy]

A hard reload on the browser (Ctrl+Shift+R) seems to solve it for me

[klequis]

I have had this problem as well. The problem goes away when I disable the browser cache.

[juanUrdaneta]

removing node_modules/.vinxi or doing a hard reload cmd + shift + R solves the issue as well.

[cs-clarence]

same problem