title: 'React' must be in scope when using JSX but I do not use ESLint
body: <p>I have read in <a href="https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#eslint" rel="nofollow noreferrer">react docs</a> and here on <a href="https://stackoverflow.com/questions/42640636/react-must-be-in-scope-when-using-jsx-react-react-in-jsx-scope">stackoverflow</a> that for my existing error: <code>'React' must be in scope when using JSX</code> I should disable some ESLint things but I have unistalled ESLint completely from VSCode and I still get the error.</p>
  <p>I created a simple react app using <code>create react app</code> with <code>typescript</code> and <code>react-router-dom</code>. React is v.17+</p>
  <p>Here is my code:</p>
  <p><strong>src/index.tsx</strong></p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import &quot;./index.css&quot;;
  import App from &quot;./App&quot;;
  import { BrowserRouter } from &quot;react-router-dom&quot;;
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;BrowserRouter&gt;
        &lt;App /&gt;
      &lt;/BrowserRouter&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById(&quot;root&quot;)
  );
  </code></pre>
  <p><strong>src/App.tsx</strong></p>
  <pre><code>import &quot;./App.css&quot;;
  import { Route, Routes } from &quot;react-router-dom&quot;;
  import Home from &quot;views/Home&quot;;
  
  function App() {
    return (
      &lt;Routes&gt;
        &lt;Route path=&quot;/&quot; element={Home} /&gt;
      &lt;/Routes&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p><strong>src/views/Home.tsx</strong></p>
  <pre><code>const Home = () =&gt; {
    return &lt;div&gt;Home&lt;/div&gt;;
  };
  
  export default Home;
  </code></pre>
  <p>If I import <code>import React from &quot;react&quot;;</code> on top of <code>App.tsx</code> and <code>Home.tsx</code> then it compiles without a problem. But I am not satisfied with that solution since I am using React v.17+</p>