【React】jsxファイルでPropsを定義したら"missing in props validation"のエラーが出た。

はじめに

フロントエンドに興味を持ち、JavaScript×Reactで簡易的なサイトを作成中です。
今回解決に苦しめられたエラーについて書いていきます。

問題

jsxファイルでPropsを定義したら"missing in props validation"のエラーが出てしまいました。
コードの中身を確認しましたが、特に問題は無いようでした。
なお、使用しているReactのバージョンは18.2.0です。

解決方法

どうやらReact自体で起きているバグみたいです。
今回JavaScriptを使用しているにも関わらず、TypeScriptにおけるpropsの型定義のルールが適用されてしまっていました。
従って、eslintrc.jsonの"rules"に下記を追加してこのルールを無効化しました。

eslintrc.json/

"rules": {
    "react/react-in-jsx-scope": "off",
    "react/prop-types": "off"
  }

おわりに

React初学者の身からすると、「なんじゃこりゃあ！」となってしまうエラーでした。
改善を願うばかりです。。

参考