サンプル

Hydrate SSR HTML with hydrateRoot, handle hydration mismatch recovery, and configure React 19 onCaughtError, onUncaughtError, and onRecoverableError callbacks

sha256:5436cd1a4056e1c48d4f46d5a70e484e7f9126365b1903606810b7178e550399

MIT-0

実行証拠

宣言された環境と署名済みの実行を分けてあります。このサンプルが何をどこで実行したかをそのまま確認できます。

宣言された環境 linux 24 · ubuntu · glibc 2.39 x64 npm

環境	コントラクト	ステージ	実行日
node 22 · linux alpine/x64 · docker ed25519:c1973797be207ac4	PASS	compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS CONTAINER_RUN · node-typescript@1node:22-alpine@sha256:c610fcdfb1d5…	2026-08-26

HOW

ゴール: Hydrate SSR HTML with hydrateRoot, handle hydration mismatch recovery, and configure React 19 onCaughtError, onUncaughtError, and onRecoverableError callbacks
パッケージ: react-dom 19.2.8

react 19.2.8
シンボル: hydrateRoot
react-dom/client.hydrateRoot
作成日: 2026-08-26T08:08:50Z

hydrateRoot is exported from react-dom/client and is absent from the react-dom root entrypoint
clean SSR hydration attaches to server-rendered DOM without recoverable errors
hydration mismatch invokes onRecoverableError with mismatch details and recovers by regenerating client DOM
component errors caught by Error Boundary trigger root onCaughtError with error details and componentStack
unhandled component errors during hydration trigger root onUncaughtError with componentStack
root.unmount synchronously clears host DOM and invalidates the root against subsequent renders

匿名