Cypress component tests in monorepo problems with typescript

[djaszak]

Hello guys! I have some problems with a previously working cypress component test setup, since switching to a monorepo structure.
To avoid overhead, I decided to put my cypress setup in my consuming app, where I did not change anything to the previous version. I then extended my cypress.config.ts to find the specs in my packages, which worked fine. The specs living in my packages do also work fine and are being executed as previously. But the specs living in my consuming app are not being exectued correctly. With following error

> Module parse failed: Unexpected token (5:15)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
| export const assertChartSeriesData = (
>   chartInstance: any,

Which looks like typescript problems. My tsconfig.json files do differ in the consuming app and my package, which is why I think it has something to do with my ts setup. Following my configs for reference:
Working one:

{
  "compilerOptions": {
    "outDir": "dist",
    "module": "CommonJS",
    "target": "ES6",
    "lib": ["ES6", "DOM"],
    "sourceMap": true,
    "resolveJsonModule": true,
    "declaration": true,
    "moduleResolution": "node",
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "esModuleInterop": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": false,
    "strict": false,
    "jsx": "react-jsx",
    "allowImportingTsExtensions": true,
    "noEmit": true,
    "types": ["cypress", "node", "cypress-real-events"]
  },
  "include": ["**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules", "dist"]
}

Broken one:

{
  "compilerOptions": {
    "baseUrl": "src",
    //    "paths": {
    //      "@strucnamics/ra-ui-common": ["../packages/ra-ui/src"]
    //    },
    "target": "es2022",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "types": ["node"],
    "allowImportingTsExtensions": true
  },
  "include": ["next-env.d.ts", "src/**/*.ts", "src/**/*.tsx"],
  "exclude": ["node_modules"]
}

What did I try? I did try to follow the docs article on typescript and cypress, but when I utilize a tsconfig.json in my cypress directory, the same way it is done in the RWA example, no cypress types are recognized. The same happens when I checkout the RWA example and boot it in my vscode.
Would be grateful for any help. I admit being some kind of beginner if it comes to ts. I can write code, but some depths are still hidden to me.

[djaszak]

The tsconfig was only an assumption by me. The real problem was a completely different one, where I referenced wrong support files, which were leftovers of my Monorepo changes done pretty recently. So this whole question was pretty non-sense