本文へ移動
verified onnext@16.3.3react@19
最終検証日 2026-08-27
Next.js道場

Q-HYDRATION-002●●●○○next@16.3.3手動で確認

window is not defined を避けるために typeof で分岐しました。これで直りますか。

components/Width.tsx
Browserで実行'use client'
 
Browserで実行export function Width() {
Browserで実行 const w = typeof window === 'undefined' ? 0 : window.innerWidth
Browserで実行 return <p>{w}</p>
Browserで実行}

検証方法Next.js 16.3.3 の開発モードで typeof window での分岐を実際に描画させ、参照エラーが出なくなる代わりに hydration の不一致になること、 React のエラー文が server/client branch を原因候補として挙げていることを確認した(2026-08-28)。

つぎに