ReactでReferenceError useState is not definedが出た時の対処法

エラーの背景と解決策

TODOアプリの作成時にuseStateを定義しようとしたら以下のエラーが出ました。

ReferenceError useState is not defined

調べたらimport { useState } from "react";の記述がなかったので
useStateがうまくimportできていない状況でした。

App.jsx

import React from "react";
import "./styles.css";
import { useState } from "react";  //この記述を追記

export const App = () => {
  const [incompleteTodo, setIncompleteTodo] = useState(["ポチ", "(ピーコ"]);
  const [completeTodo, setCompleteTodo] = useState(["ちび"]);
//省略

初歩的でしたが、上記のやり方で解決できました。

資料