Split tsconfigs and disable type-checking for the test files

Author: arnautov-anton

jest.config.js

@@ -24,7 +24,7 @@ module.exports = {
      */
   ],
   transform: {
-    '\\.(ts|tsx)?$': ['ts-jest'],
+    '\\.(ts|tsx)?$': ['ts-jest', { diagnostics: false, tsconfig: 'tsconfig.test.json' }],
     '^.+\\.(js|jsx)?$': 'babel-jest',
   },
   transformIgnorePatterns: [],

package.json

@@ -147,10 +147,10 @@
     "@babel/core": "^7.12.9",
     "@babel/node": "^7.12.6",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/plugin-transform-runtime": "^7.12.1",
+    "@babel/plugin-transform-runtime": "^7.28.5",
     "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.12.7",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
     "@breezystack/lamejs": "^1.2.7",
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",

tsconfig.json

@@ -1,32 +1,7 @@
 {
-  "compilerOptions": {
-    "lib": ["es2022", "dom"],
-    "jsx": "react-jsx",
-    "moduleResolution": "node",
-    "module": "es2020",
-    "target": "es2020",
-    "allowSyntheticDefaultImports": true,
-    "isolatedModules": true,
-    "allowJs": true,
-    "resolveJsonModule": true,
-    "verbatimModuleSyntax": true,
-
-    "strict": true,
-    "allowUnreachableCode": false,
-    "forceConsistentCasingInFileNames": true,
-    "noImplicitReturns": true,
-    "noStrictGenericChecks": false,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-
-    "skipLibCheck": true,
-    "noEmitOnError": true,
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "declarationMap": true,
-    "outDir": "./dist/types",
-    "rootDir": "./src"
-  },
-  "include": ["./src"],
-  "exclude": ["./src/stories", "./src/mock-builders", "./src/**/__tests__/*"]
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.lib.json" },
+    { "path": "./tsconfig.test.json" }
+  ]
 }

tsconfig.lib.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "lib": ["es2022", "dom"],
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "module": "es2020",
+    "target": "es2020",
+    "allowSyntheticDefaultImports": true,
+    "isolatedModules": true,
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
+
+    "strict": true,
+    "allowUnreachableCode": false,
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noStrictGenericChecks": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+
+    "skipLibCheck": true,
+    "noEmitOnError": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "declarationMap": true,
+    "outDir": "./dist/types",
+    "rootDir": "./src"
+  },
+  "include": ["./src"],
+  "exclude": ["./src/stories", "./src/mock-builders", "./src/**/__tests__"]
+}

tsconfig.test.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowJs": true
+  },
+  "include": ["src/**/__tests__/**/*.test.js"]
+}

vite.config.ts

@@ -1,7 +1,7 @@
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
 import { name, dependencies, peerDependencies } from './package.json';
-import { compilerOptions } from './tsconfig.json';
+import { compilerOptions } from './tsconfig.lib.json';
 import getPackageVersion from './scripts/get-package-version.mjs';
 
 const external = [