VSCode not picking up jsx when tsconfig is extended

Question

I've got a monorepo project structured in the following way

/web
/native
  /tsconfig.json
tsconfig.json

My /native/tsconfig.json looks like this

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "jsx": "react-native"
  }
}

But for some reason my .tsx files with some jsx in them return following error

[ts] Cannot use JSX unless the '--jsx' flag is provided. [17004]

When I typecheck using cli tsc, I don't get these errors.

Does this answer your question? [Cannot use JSX unless the '--jsx' flag is provided](https://stackoverflow.com/questions/50432556/cannot-use-jsx-unless-the-jsx-flag-is-provided) — Michael Freidgeim, Feb 24 '23 at 07:54

score 3 · Accepted Answer · answered Jan 18 '19 at 14:12

3

You need to specify the folder like this in your tsconfig.

"include": [
  "./src/ts/**/*" //Path to your source
],
"jsx": "preserve",

answered Jan 18 '19 at 14:12

Harish Soni

score 2 · Answer 2 · answered Apr 29 '21 at 22:33

Typescript version in VsCode workspace and package.json are not equal. To solve this problem in Vscode,

2 click this button and choose change VS Code to use the workspace's version of Typescript.

The errors will disappear.

2 Answers2