Next.jsのエラー一覧 > 本ページ

You're importing a component that needs useState. It only works in a Client Component

Next.js 実在のエラーメッセージです。原因と解決方法を解説します。

原因

App Routerでサーバーコンポーネントにフックを書いた

解決方法

ファイル先頭に 'use client' を付ける

エラー文の一部だけ分かる場合はエラーメッセージ検索に貼ると候補を即表示できます。 TypeScriptの設定起因ならtsconfig診断もどうぞ。

関連するNext.jsのエラー