Next.js道場Cart は next/headers の cookies を使う Server Component です。この Modal をビルドするとどうなりますか。
components/Modal.tsx
Browserで実行
'use client' Buildで実行
import { useState } from 'react'Buildで実行
import { Cart } from './Cart' Browserで実行
export function Modal() {Browserで実行
const [open] = useState(true)Browserで実行
return <div>{open ? <Cart /> : null}</div>Browserで実行
}出典nextjs.org/docs/app/getting-started/server-and-client-componentsnextjs.org/docs/app/api-reference/directives/use-client