title: React: Can't import .tsx file
body: <p>New to using TypeScript with React. When I import a component that is from a .tsx file, it assumes it is a .js file by default. The error says that there is no About.js file or Contact.js file in that directory. Additionally, the TS linter won't let me add .tsx to the end of the file path. How to fix this? I used 'npx create-react-app project_name --typescript'. Here is my code</p>
  
  <pre><code>import React from 'react'
  import { BrowserRouter, Route } from 'react-router-dom'
  import Home from './views/Home'
  import About from './views/About'
  import Contact from './views/Contact'
  import Navbar from './components/Navbar'
  import Footer from './components/Footer'
  
  const App: React.FC&lt;{}&gt; = () =&gt; {
    return (
      &lt;BrowserRouter&gt;
        &lt;Navbar title="Website" links={['About', 'Contact']} color="blue"/&gt;
  
        &lt;Route exact path="/" component={Home}/&gt;
        &lt;Route path="/home" component={Home}/&gt;
        &lt;Route path="/about" component={About}/&gt;
        &lt;Route path="/contact" component={Contact}/&gt;
  
        &lt;Footer/&gt;
      &lt;/BrowserRouter&gt;
    )
  }
  
  export default App
  </code></pre>