Bug: Shows error when jsx is react-jsx in tsconfig instead of react

[bineetNaidu]

React version: 17.0.1

Steps To Reproduce

1. npx create-react-app [your project name] --template typescript
2. set target in tsconfig to ESNEXT

The current behavior

In VS Code their is many syntax error highlight and it says "Cannot use JSX unless the '--jsx' flag is provided.ts(17004)"

The expected behavior

It Should be normal like other version of react usage

Screenshots

tsconfig.json

index.tsx

[eps1lon]

Thanks for the report.

VSCode is, by default, using their own version of TypeScript. In your case: 4.0.3. However, "jsx": "react-jsx" is only supported starting with TypeScript 4.1. You can change the version though to the version used in your package:

how to find the current version of TypeScript used in VSCode


[bineetNaidu]

Thanks for letting me to know, I thought that it was a bug 😅 😅 😅

[Cidrax]

Im using WebStorms and have the same issue.