title: "'React' was used before it was defined." eslint warning
body: <p>Similar question to <a href="https://stackoverflow.com/questions/63818415/react-was-used-before-it-was-defined">this post on StackOverflow</a> but I cannot seem to get rid of this warning after trying everything I could find on the internet. <a href="https://github.com/typescript-eslint/typescript-eslint/issues/2502" rel="noreferrer">Github Issue.</a></p>
  <pre><code> Line 1:8:  'React' was used before it was defined  @typescript-eslint/no-use-before-define
  </code></pre>
  <p>I've tried adding these to the rules in <code>.eslintrc.json</code> but neither seem to remove the warning.</p>
  <pre><code> &quot;no-use-before-define&quot;: &quot;off&quot;,
   &quot;@typescript-eslint/no-use-before-define&quot;: &quot;off&quot;
  
   &quot;no-use-before-define&quot;: [0],
   &quot;@typescript-eslint/no-use-before-define&quot;: [1]
  </code></pre>
  <p>This issue doesn't exist on my other projects. I've tried copying <code>package.json</code> and <code>.eslintrc.json</code> from the other projects and re-installing <code>node_modules</code>, however it still persists.</p>
  <p>Does anyone have any other suggestions to resolve the warning? Thanks in advance!</p>