Next.js道場一覧に並び替えを足したらビルドが落ちました。データの取得はこのページで行っています。どう直すのが正しいですか。
app/page.tsx
Buildで実行
import { useState } from 'react'Buildで実行
import { db } from '@/lib/stubs' Serverで実行
export default async function Page() {Serverで実行
const items = await db.item.findMany()Browserで実行
const [asc, setAsc] = useState(true) Browserで実行
return <button onClick={() => setAsc(!asc)}>{items.length}</button>Serverで実行
}出典nextjs.org/docs/app/api-reference/directives/use-clientnextjs.org/docs/messages/react-client-hook-in-server-component