title: React typescript .tsx files extensions
body: <p>I'm changing my react project to react-typescript. I already created tsconfig and eslintrc and everything is ready and working. I also changed all my js files to tsx files. But now I'm getting an Error that it does not recognize <code>import App from &quot;./App&quot;</code> and I need to add the .tsx <code>&quot;./App.tsx&quot;</code>. I know I can change the webpack config file and I added this:</p>
  <pre><code>module.exports = {
  resolve: {
      enforceExtension: false,
      extensions: ['.ts', '.tsx', '.js', '.json'],
  },
  };
  </code></pre>
  <p>But it didn't help, still getting the same error.
  How can I change the configuration file so it will know to read the .tsx files?
  Should I change the eslintrc? tsconfig? or webpack?
  Thanks</p>
  <p>P.s I used Create React App so I already have the default webpack configuration</p>