Cannot use JSX unless the '--jsx' flag is provided : <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>
