title: Adding Typescript to existing React, Webpack and Babel project
body: <p>I'm trying to add Typescript to a current React, Webpack and Babel project. I'd like to be able to have support for filetypes such as, <code>[.js, .ts, .tsx]</code> in my project since I want to successively migrate to Typescript.</p>
  
  <p>I've made some progress, but currently, I can't solve this error:</p>
  
  <p><a href="https://i.stack.imgur.com/fosZF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fosZF.png" alt="enter image description here"></a></p>
  
  <p>I'm also not 100% certain if I need to keep Babel, or if I can remove it after this setup is completed.</p>
  
  <p>My <code>tsconfig.json</code> looks like this:</p>
  
  <pre><code>{
      "compilerOptions": {
          "target": "es5",
          "lib": ["es6", "dom", "esnext.asynciterable", "es2015"],
          "allowJs": true,
          "skipLibCheck": true,
          "esModuleInterop": true,
          "allowSyntheticDefaultImports": true,
          "strict": true,
          "forceConsistentCasingInFileNames": true,
          "module": "esnext",
          "moduleResolution": "node",
          "resolveJsonModule": true,
          "isolatedModules": true,
          // "noEmit": true,
          "strictNullChecks": true,
          // "noImplicitAny": false,
          "jsx": "preserve"
      },
      "include": ["src"],
      "exclude": ["node_modules", "build", "scripts", "jest"]
  }
  </code></pre>
  
  <p>And my <code>webpack.conf.js</code> is here: <a href="https://gist.github.com/Martinnord/981769791c3e5e3a261af459b81f2733" rel="nofollow noreferrer">https://gist.github.com/Martinnord/981769791c3e5e3a261af459b81f2733</a></p>
  
  <p>All help is greatly appriciated since I'm pretty stuck.</p>
  
  <p>Thank you!</p>