問題/コードレビューQ-HYDRATION-005●●●●○next@16.3.5実機検証済保存した設定を復元しています。hydration の不一致になる行を指摘してください。問題のある行をクリックしてください。複数選べますapp/page.tsx1Browserで実行1行目 'use client'22行目 3Buildで実行3行目 import { useState } from 'react'44行目 5Browserで実行5行目 export default function Page() {6Browserで実行6行目 const [theme] = useState(() =>7Browserで実行7行目 typeof window === 'undefined' ? 'light' : localStorage.getItem('theme') ?? 'dark'8Browserで実行8行目 )99行目 10Browserで実行10行目 return <p>{theme}</p>11Browserで実行11行目 }採点する出典react.dev/reference/react/useStatedeveloper.mozilla.org/ja/docs/Web/API/Window/localStorageつぎに解説を読む/learn/hydration →window is not defined を避けるために typeof で分岐しました。これで直りますか。類題 →use client を書いてあるのに、保存した設定を読むところでビルドが落ちます。どう直すのが正しいですか。類題 →
Next.js道場