Can't have tsconfig.json in Cypress-cucumber-typescript for React

I have a project with React, Cypress-cucumber-preprocessor, Typescript(output in es5).
When I run the cypress with official example or another example, it has those problems:

TypeScript error: cypress/integration/Google/google.ts(5,3): Error TS2304: Cannot find name 'cy'.

SyntaxError: 'import' and 'export' may appear only with 'sourceType: module'

If I delete tsconfig.json in React parent folder, it fixed the Syntax Error but it still has TypeScript error.
So it seems like tsconfig.json make this problem, but the project should not without tsconfig.json.

[ashishpCACTUS]

We ran into similar issues and fixed it by using a webpack configuration.

CSchulz - Can you please explain what webpack configuration you used. I have same issue when using it with an Angular solution

[ghost]

Hello, @WeihsuPeach. Do you have some line like "types": ["cypress"] in your tsconfig.json file?

I think that this problem is related to the fact that tsify is using the project’s root tsconfig.json to process your code. You can add types declaration to the root file. On the other hand, you can pass another tsconfig.json file to the tsify.

options.browserifyOptions.plugin.unshift(['tsify', { project: tsConfigPath }]);

I’m not sure whether this approach will work but it’s worth trying.