Svelte for VS Code extension crushes react project

Describe the bug After installing the Svelte for VS Code extension in my editor to work on a svelte project, a different project written in react and typescript completely crushes and throws ts error all over the place:

Type '() => svelte.JSX.Element' is not assignable to type 'FC<{}>'.
  Type 'Element' is not assignable to type 'ReactElement<any, any> | null'.
    Type 'Element' is missing the following properties from type 'ReactElement<any, any>': type, props, key

literally every .tsx file throw errors, the project worked flawlessly before installing the svelte extension.

The only way I found so far, is to disable the extension every time I’m not working on a svelte project, which sucks, you know.

To Reproduce Steps to reproduce the behavior:

Open a react-ts project with the svelte extension in VSCode i guess.

Expected behavior svelte extension doesn’t influence non-svelte projects

Screenshots

System (please complete the following information):

• OS: MAC OS
• IDE: VSCode
• Plugin/Package: “Svelte for VSCode”

[sudomf]

I’m having the same problem in a monorepo containing svelte and react projects.

[dummdidumm]

The most recent versions of the extension and svelte-check contain a new transformation behind a flag which should fix this issue. You can try out the new transformation using

• “Svelte for VS Code” version 105.11.1 and setting svelte.plugin.svelte.useNewTransformation to true
• svelte-check version 2.4.0 with the --use-new-transformation flag.

Please try it out, more info in #1352