Build fails on branch change or git pull

[billsaysthis]

This has been happning on our repo from v4.x until now (v5.72). If we change branches or do a git pull that changes some already compiled code we see a Failed to compile error and specific errors for the files in question. Would be great to find a configuration setting that would solve this.

Some examples of specific errors:

ERROR in /Users/billlazar/develop/react-acton-ui/src/components/common/Tabs/__tests__/Tabs.spec.tsx
90:7-11
[tsl] ERROR in /Users/billlazar/develop/react-acton-ui/src/components/common/Tabs/__tests__/Tabs.spec.tsx(90,8)
      TS2741: Property 'onTabChange' is missing in type '{ children: Element[]; currentTab: number; disabled: true; }' but required in type 'TabsProps'.

ERROR in /Users/billlazar/develop/react-acton-ui/src/components/common/Tabs/__tests__/Tabs.spec.tsx
102:7-11
[tsl] ERROR in /Users/billlazar/develop/react-acton-ui/src/components/common/Tabs/__tests__/Tabs.spec.tsx(102,8)
      TS2741: Property 'onTabChange' is missing in type '{ children: Element[]; currentTab: number; }' but required in type 'TabsProps'.

[alexander-akait]

These errors are from TypeScript... Need more information to help you

[billsaysthis]

What kind of information? I gave the errors and versions so unsure what will help.

[alexander-akait]

How you run TypeScript (a loader or a plugin)? What is a configuration for ts?

[billsaysthis]

Here's our tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["es2019", "dom", "dom.iterable"],
    "module": "commonjs",
    "jsx": "react",
    "allowJs": true,
    "moduleResolution": "node",
    "strict": true,
    "sourceMap": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "baseUrl": "./src",
    "rootDir": ".",
    "allowSyntheticDefaultImports": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "resolveJsonModule": true,
    "downlevelIteration": true,
    "paths": {
      "@src/*": ["*"],
      "@components/*": ["components/common/*"],
      "@complex/*": ["components/complex/*"],
      "@config/*": ["config/*"],
      "@hoc/*": ["components/hoc/*"],
      "@utils/*": ["utils/*"],
      "@graphql/*": ["graphql/*"],
      "@const/*": ["const/*"],
      "@interface/*": ["interface/*"],
      "@fixtures/*": ["../cypress/fixtures/*"]
    },
    "typeRoots": ["./node_modules/@types", "customTypes/custom.d.ts"]
  },
  "exclude": ["node_modules", "tests", "build", "src/graphql/examples", "coverage", "express",
    "jest.config.js", "mockService", "storybook-static", " stylelint.config.js", "msw-utils.ts"],
  "useBabel": true,
  "babelOptions": {
    "babelrc": false,
    "presets": [
      [
        "@babel/preset-typescript",
        [
          "@babel/preset-env",
          {
            "targets": {
              "browsers": ["last 1 version", "ie >= 11"]
            }
          }
        ]
      ]
    ],
    "plugins": ["@babel/plugin-transform-runtime"]
  }
}

[billsaysthis]

That's the point, there was a change in the interfaces in code that was git pulled and the compiler didn't account for this. There is no bug there, if I kill the dev server and restart it the compile goes without error.

[alexander-akait]

Do you have the problem on CI or locally (if CI - maybe cache)? Also can you provide options for ts-loader (if you have)?

[billsaysthis]

Locally only, CI deletes node_modules and does a fresh install.

Our rule for the loader is just this:

{
      test: /\.(ts|tsx)$/,
      loader: 'ts-loader',
      exclude: /node_modules/,
    },

[alexander-akait]

Strange, I think we need reproducible test repo to help here, configurations look good

[billsaysthis]

This will be difficult but thank you for the responses to this point.