Next.js道場Cart は next/headers を使う Server Component です。このビルドエラーを、どう直すのが正しいですか。
components/Modal.tsx
Browserで実行
'use client' Buildで実行
import { useState } from 'react'Buildで実行
import { Cart } from './Cart' Browserで実行
export function Modal() {Browserで実行
const [open, setOpen] = useState(true)Browserで実行
return <div onClick={() => setOpen(!open)}>{open ? <Cart /> : null}</div>Browserで実行
}出典nextjs.org/docs/app/getting-started/server-and-client-componentsnextjs.org/docs/app/api-reference/directives/use-client