React: 'React' must be in scope when using JSX react/react-in-jsx-scopeエラーが出た時

概要

Reactの公式チュートリアルをローカル環境で進めるための環境構築をしている際に表示されたエラーの対処法です。

エラー内容

./src/App.js
  Line 2:  'React' must be in scope when using JSX  react/react-in-jsx-scope

Search for the keywords to learn more about each error.

以下のReact公式チュートリアル環境構築手順の5番目、npm startを実行した際に表示されたものです。

1. Node.js をインストール
2. さきほど開いた CodeSandbox のタブで、左上隅のボタンを押してメニューを開き、そのメニューで File > Export to ZIP を選択して、ファイルをローカルにアーカイブとしてダウンロード
3. アーカイブを解凍し、ターミナルを開いて解凍したディレクトリに cd する
4. npm install で依存ライブラリをインストール
5. npm start でローカルサーバを起動し、プロンプト通りに操作し、ブラウザで実行されるコードを確認する

解決手順

srcファイルの中に入っているApp.jsにReactをimportすることで解決することができます。

App.js

import React from 'react';

export default function Square() {
  return <button className="square">X</button>;
}

おわりに

React公式チュートリアルのローカル環境構築手順に

うまくいかない場合でもここで挫けるのは止めましょう！

と書かれています。挫けずに頑張っていきたい所存です。
お読みいただき、ありがとうございました。