# Next.js: Warning: validateDOMNesting(...):
cannot appear as a descendant of

/ In HTML,

cannot be a descendant of

. This will cause a hydration error **Code:** `Hydration error:

cannot be a descendant of

` · **Category:** Next.js · **Seen on:** Next.js, React The rendered HTML has an invalid element nesting, so the browser "fixes" it and React's hydration no longer matches. ## Meaning Browsers auto-correct invalid markup (a `

` inside `

`, `` inside ``, `` outside ``), so the DOM differs from what React rendered on the server. Fix the structure: use ``/`

` correctly, don't nest links or paragraphs, wrap table rows in ``. ## Common causes - `
` or `

` inside a `

` - `` inside `` (Link inside a clickable card) - `` without `` - Block elements inside `