title: 'React' was used before it was defined
body: <p>I am working with create-react-app + typescript + eslint application and during build have such error:</p>
  <pre><code>Line 1:8:  'React' was used before it was defined  @typescript-eslint/no-use-before-define
  </code></pre>
  <p>Code in my component starts with:</p>
  <pre><code>import React from &quot;react&quot;;
  </code></pre>
  <p>Eslint settings:</p>
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    parser: &quot;@typescript-eslint/parser&quot;,
    parserOptions: {
      ecmaVersion: 2020,
      sourceType: &quot;module&quot;,
      ecmaFeatures: {
        jsx: true
      }
    },
    settings: {
      react: {
        version: &quot;detect&quot;
      }
    },
    extends: [
      &quot;plugin:react/recommended&quot;,
      &quot;plugin:@typescript-eslint/recommended&quot;,
      &quot;prettier/@typescript-eslint&quot;,
      &quot;plugin:prettier/recommended&quot;
    ],
    rules: {
      &quot;@typescript-eslint/explicit-module-boundary-types&quot;: 0,
      &quot;@typescript-eslint/triple-slash-reference&quot;: 0,
      &quot;no-use-before-define&quot;: &quot;off&quot;,
      &quot;@typescript-eslint/no-use-before-define&quot;: &quot;off&quot;
    },
  };
  </code></pre>
  <p>Some part of package.json:</p>
  <pre><code>&quot;devDependencies&quot;: {
    &quot;@typescript-eslint/eslint-plugin&quot;: &quot;^4.1.0&quot;,
    &quot;@typescript-eslint/parser&quot;: &quot;^4.1.0&quot;,
    &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
    &quot;eslint&quot;: &quot;^6.6.0&quot;,
    &quot;eslint-config-airbnb&quot;: &quot;^18.1.0&quot;,
    &quot;eslint-config-prettier&quot;: &quot;^6.11.0&quot;,
    &quot;eslint-plugin-import&quot;: &quot;^2.20.2&quot;,
    &quot;eslint-plugin-prettier&quot;: &quot;^3.1.3&quot;,
    &quot;eslint-plugin-react&quot;: &quot;^7.20.0&quot;,
    &quot;prettier&quot;: &quot;^2.0.5&quot;,
    &quot;start-server-and-test&quot;: &quot;^1.11.3&quot;
  },
  &quot;dependencies&quot;: {
    ...
    &quot;react-scripts&quot;: &quot;3.4.3&quot;,
    ...
  }
  </code></pre>
  <p><strong>I tried:</strong></p>
  <ul>
  <li>Read <a href="https://github.com/typescript-eslint/typescript-eslint/issues/2502" rel="noreferrer">https://github.com/typescript-eslint/typescript-eslint/issues/2502</a></li>
  <li>Disable @typescript-eslint/no-use-before-define and no-use-before-define in .eslintrc.js</li>
  <li>Actually I tried to delete .eslintrc.js at all, but had the same error.</li>
  </ul>