title: An import path cannot end with a '.tsx' extension
body: <p>I am new to Typescript and trying to build a react boilerplate for typescript. But cant import components which are in form '.tsx'.</p>
  <p>My tsconfig file looks like this:</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;compilerOptions&quot;: {
      &quot;target&quot;: &quot;es5&quot;,
      &quot;lib&quot;: [
        &quot;dom&quot;,
        &quot;dom.iterable&quot;,
        &quot;esnext&quot;
      ],
      &quot;allowJs&quot;: true,
      &quot;skipLibCheck&quot;: true,
      &quot;esModuleInterop&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;strict&quot;: true,
      &quot;forceConsistentCasingInFileNames&quot;: true,
      &quot;noFallthroughCasesInSwitch&quot;: true,
      &quot;module&quot;: &quot;esnext&quot;,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;resolveJsonModule&quot;: true,
      &quot;isolatedModules&quot;: true,
      &quot;noEmit&quot;: true,
      &quot;jsx&quot;: &quot;react-jsx&quot;
    },
    &quot;include&quot;: [
      &quot;src&quot;
    ]
  }
  </code></pre>
  <p>and my eslintrc looks like this :</p>
  <pre class="lang-json prettyprint-override"><code>{
      &quot;root&quot;: true,
      &quot;env&quot;: {
          &quot;browser&quot;: true,
          &quot;es2021&quot;: true
      },
      &quot;extends&quot;: [
          &quot;plugin:react/recommended&quot;,
          &quot;airbnb&quot;
      ],
      &quot;parser&quot;: &quot;@typescript-eslint/parser&quot;,
      &quot;parserOptions&quot;: {
          &quot;ecmaFeatures&quot;: {
              &quot;jsx&quot;: true
          },
          &quot;ecmaVersion&quot;: 12,
          &quot;sourceType&quot;: &quot;module&quot;
      },
      &quot;plugins&quot;: [
          &quot;react&quot;,
          &quot;@typescript-eslint&quot;
      ],
      &quot;rules&quot;: {
          &quot;react/jsx-filename-extension&quot;: [2, { &quot;extensions&quot;: [&quot;.js&quot;, &quot;.jsx&quot;, &quot;.ts&quot;, &quot;.tsx&quot;] }],
          &quot;linebreak-style&quot;: 0,
          &quot;global-require&quot;: 0,
          &quot;eslint linebreak-style&quot;: [0, &quot;error&quot;, &quot;windows&quot;],
          &quot;no-use-before-define&quot;: &quot;off&quot;,
          &quot;indent&quot;: [2, 2]
      }
  }
  </code></pre>