問題/AI コードレビューQ-AI-REVIEW-005●●●●○next@16.3.5実機検証済AI が出した修正です。ビルドは通りますが、直し方として誤っている行を指摘してください。問題のある行をクリックしてください。複数選べますapp/page.tsx1+追加された行 1行目 'use client'2 2行目 3+追加された行 3行目 import { useState, useEffect } from 'react'4 4行目 import { db } from '@/lib/stubs'5 5行目 6-削除された行 6行目 export default async function Page() {7+追加された行 7行目 export default function Page() {8-削除された行 8行目 const items = await db.item.findMany()9+追加された行 9行目 const [items, setItems] = useState([])10 10行目 11+追加された行 11行目 useEffect(() => {12+追加された行 12行目 fetch('/api/items').then((r) => r.json()).then(setItems)13+追加された行 13行目 }, [])14 14行目 15 15行目 return <button onClick={() => setItems([])}>{items.length}</button>16 16行目 }採点する出典nextjs.org/docs/app/api-reference/directives/use-clientnextjs.org/docs/app/getting-started/server-and-client-componentsつぎに解説を読む/learn/choose-server-or-client →この画面で、ブラウザに不要なコードまで運んでいる原因の行を指摘してください。類題 →AI が書いた部品です。ビルドが落ちる行と、サーバーでやるべき処理を書いている行を指摘してください。類題 →
Next.js道場