Repository navigation
Bug: Shows error when jsx is react-jsx in tsconfig instead of react #20391
Description
React version: 17.0.1
Steps To Reproduce
- npx create-react-app [your project name] --template typescript
- 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
Reacted by lukasz-m-b
Activity
eps1lon commentedon Dec 7, 2020
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 commentedon Dec 7, 2020
Thanks for letting me to know, I thought that it was a bug 😅 😅 😅
Cidrax commentedon Jan 31, 2021
Im using WebStorms and have the same issue.