「error 'React' was used before it was defined no-use-before-define」のエラーをなくす

React + ESLintで設定を行なっているときに

error 'React' was used before it was defined  no-use-before-define

の設定が出たので、その時の解消した方法です。

no-use-before-defineとは

jsファイル内で変数を指定しているのに変数が使われていない時に出るESLintのエラー。

eslint.org

対応方法

"no-use-before-define": "off"の設定を行う

{
  "rules": {
    "no-use-before-define": "off",
  }
}

github.com

'no-use-before-define': [0]などの設定を行う

typescript-eslintのissueにある下記画像部分を記載する。

{
  "rules": {
    "no-use-before-define": [0],
    "@typescript-eslint/no-use-before-define": [1],
  }
}

github.com