正解は「コンポーネントファイルの先頭に"use client"ディレクティブを追加する」です。Next.js 13以降のApp Routerではデフォルトで全コンポーネントがServer Componentとして扱われます。useState・useEffect・onClickなどのブラウザAPIやReactのクライアント専用フックを使うには、ファイル先頭に"use client"を宣言してClient Componentにする必要があります。ただし、"use client"の使用範囲は最小限に留め、インタラクティブな部分だけをClient Componentとして切り出すのがパフォーマンスのベストプラクティスです。