const Component = () => { return <p>This is {window.location.href}</p>; }; ReferenceError: window is not defined になります。 これを回避するには、useEffect の中で window オブジェクトにアクセスする必要があります。回避と書きましたがこれが正しい対応方法です。 でも、そもそもこの部分は CSR 前提で作っているから SSR は使わないのよ、と言う場合は SSR を無効化することもできます。 next/dynamic の Dynamic Import を使いましょう # こんな感じでコンポーネントが export されているとします。 components/index.tsx const Component = () => { return <p>This is {
