solid-start icon indicating copy to clipboard operation
solid-start copied to clipboard

Published 20 hours ago • verified publisher icon 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

Open KunalSin9h opened this issue 3 months ago • 10 comments

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 avatar May 10 '24 11:05 KunalSin9h

image

KunalSin9h avatar May 10 '24 11:05 KunalSin9h

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

ryansolid avatar May 10 '24 20:05 ryansolid

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

KunalSin9h avatar May 23 '24 05:05 KunalSin9h

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.

FlatMapIO avatar May 23 '24 05:05 FlatMapIO

working only when removing node_modules/.vinxi package.

KunalSin9h avatar May 25 '24 11:05 KunalSin9h