title: Cannot use JSX unless the '--jsx' flag is provided
body: <p>I have looked around a bit for a solution to this problem. All of them suggest adding <code>"jsx": "react"</code> to your tsconfig.json file. Which I have done. Another one was to add <code>"include: []"</code>, which I have also done. However, I am still getting the error when I am trying to edit <code>.tsx</code>files. Below is my tsconfig file.</p>
  
  <pre><code>{
      "compilerOptions": {
          "module": "commonjs",
          "target": "es5",
          "allowJs": true,
          "checkJs": false,
          "jsx": "react",
          "outDir": "./build",
          "rootDir": "./lib",
          "removeComments": true,
          "noEmit": true,
          "pretty": true,
          "skipLibCheck": true,
          "strict": true,
          "moduleResolution": "node",
          "esModuleInterop": true
      },
      "include": [
          "./lib/**/*"
      ],
      "exclude": [
          "node_modules"
      ]
  }
  </code></pre>
  
  <p>Any suggestions would be helpful. I am using babel 7 to compile all the code with the env, react and typescript presets. If you guys need more files to help debug this, let me know.</p>