【React 初学者】Ecmascript file had an errorでuseStateが使えない？

Ecmascript file had an errorでuseStateが使えない？

VS Codeではエラーがないのに、useStateが使えない。

Ecmascript file had an error
1 | import { useState } from "react";

このエラーは、Next.jsのApp Router（appディレクトリ）で「useState」などのReactフックを使う場合、ファイルの先頭に "use client" を書く必要があるため発生しています。

解決方法： 一番上に

"use client"

を追加

初歩的なエラーでした