Cannot use JSX unless the '--jsx' flag is provided

[taiga-programming]

I did

• I did install eslint base on following the page and added some eslint plugin, prettier to my package.json by using a yarn

1.install

yarn add -D easlint exc...

https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project

2. npm run start , yarn start

3. Title error

Vscode terminal

yarn start
yarn run v1.22.4
$ react-scripts start
The following changes are being made to your tsconfig.json file:
  - compilerOptions.jsx must be react-jsx (to support the new JSX transform in React 17)

i ｢wds｣: Project is running at http://192.168.56.1/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from C:\Users\taiga\Github\Typescript\typescript-admin\admin\public
i ｢wds｣: 404s will fallback to /
Starting the development server...
Failed to compile.

My goal

• Using a eslint and prettier in this project ..

package.json

"lint": "eslint \"./src/**/*.tsx*\"",
"prettier:check": "prettier --check \"./src/**/*.{tsx,jsx,json}*\"",
"prettier:write": "prettier --write  \"./src/**/*.{tsx,jsx,json}*\"",

My question

[taiga-programming]

solution

check