Code: Select all
Unhandled Runtime Error Expected server HTML to contain a matching in .
Code: Select all
Uncaught Error: Hydration failed because the initial UI does not match what was rendered on the server.
was seltsam ist weil ich die Anweisung „use client“ in der Komponente verwendet habe.
Ich könnte all dies in einer Schaltflächenkomponente zusammenfassen, die eine next/link-Komponente verwendet. Deshalb habe ich es so weit wie möglich vereinfacht, aber egal, wie ich diese Komponente bearbeite, es werden Hydratationsfehler in der Konsole angezeigt. Ich habe verschiedene Möglichkeiten ohne Containerelement usw. ausprobiert:
Code: Select all
'use client'
import React from 'react'
import Link from 'next/link'
const ButtonComponent = function () {
return (
Button
)
}
export default ButtonComponent
Code: Select all
'use client'
import React from 'react'
const ButtonComponent = function () {
return (
Button
)
}
export default ButtonComponent
Wie löse ich das? Das? Habe ich eine falsche Vorstellung?
[

]