Use types in tscnofig to explicitly define global types (#1045)

extension/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["chrome"]
+  },
   "include": ["src"]
 }

packages/d3-state-visualizer/examples/tree/package.json

@@ -19,8 +19,8 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit"
   },
@@ -33,10 +33,10 @@
     "@babel/preset-env": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
     "@types/node": "^16.11.17",
-    "@types/webpack-dev-server": "^4.5.1",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "fork-ts-checker-webpack-plugin": "^6.5.0",

packages/d3-state-visualizer/examples/tree/tsconfig.webpack.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["node", "webpack-dev-server"]
+  },
   "include": ["webpack.config.ts"]
 }

packages/map2tree/.eslintrc.js

@@ -6,7 +6,7 @@ module.exports = {
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.json'],
       },
     },
     {
@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/map2tree/jest.config.js

@@ -1,3 +1,8 @@
 module.exports = {
   preset: 'ts-jest',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/map2tree/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "include": ["../src", "."]
-}

packages/map2tree/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/react-base16-styling/.eslintrc.js

@@ -6,7 +6,7 @@ module.exports = {
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.json'],
       },
     },
     {
@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/react-base16-styling/jest.config.js

@@ -1,4 +1,9 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/react-base16-styling/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "include": ["../src", "."]
-}

packages/react-base16-styling/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/react-dock/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/react-dock/demo/package.json

@@ -4,8 +4,8 @@
   "version": "0.1.3",
   "license": "MIT",
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -27,10 +27,10 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "@types/styled-components": "^5.1.19",
-    "@types/webpack-dev-server": "^4.5.1",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.28.0",

packages/react-dock/demo/tsconfig.webpack.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["node", "webpack-dev-server"]
+  },
   "include": ["webpack.config.ts"]
 }

packages/react-dock/jest.config.js

@@ -1,4 +1,9 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/react-dock/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/react-dock/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/react-json-tree/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
     {

packages/react-json-tree/examples/package.json

@@ -13,8 +13,8 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -33,10 +33,10 @@
     "@types/node": "^16.11.17",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
-    "@types/webpack-dev-server": "^4.5.1",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.28.0",

packages/react-json-tree/examples/tsconfig.webpack.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["node", "webpack-dev-server"]
+  },
   "include": ["webpack.config.ts"]
 }

packages/react-json-tree/jest.config.js

@@ -1,3 +1,8 @@
 module.exports = {
   preset: 'ts-jest',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/react-json-tree/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/react-json-tree/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-app/.eslintrc.js

@@ -22,7 +22,7 @@ module.exports = {
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
     {

packages/redux-devtools-app/jest.config.js

@@ -5,4 +5,9 @@ module.exports = {
   moduleNameMapper: {
     '\\.css$': '<rootDir>/test/__mocks__/styleMock.ts',
   },
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/redux-devtools-app/package.json

@@ -21,12 +21,12 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "webpack serve --hot --env development --env platform=web --progress",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --hot --env development --env platform=web --progress",
     "build": "yarn run build:lib && yarn run build:web && yarn run build:umd && yarn run build:umd:min",
     "build:lib": "rollup -c",
-    "build:web": "webpack --env platform=web --progress",
-    "build:umd": "webpack --progress --config webpack.config.umd.ts",
-    "build:umd:min": "webpack --env production --progress --config webpack.config.umd.ts",
+    "build:web": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack --env platform=web --progress",
+    "build:umd": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack --progress --config webpack.config.umd.ts",
+    "build:umd:min": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack --env production --progress --config webpack.config.umd.ts",
     "clean": "rimraf build dist umd",
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
@@ -83,11 +83,11 @@
     "@types/socketcluster-client": "^13.0.5",
     "@types/styled-components": "^5.1.19",
     "@types/testing-library__jest-dom": "^5.14.2",
-    "@types/webpack-dev-server": "^4.5.1",
     "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "css-loader": "^6.5.1",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",

packages/redux-devtools-app/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-app/tsconfig.demo.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["webpack-env"]
+  },
   "include": ["demo", "src"]
 }

packages/redux-devtools-app/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.react.base.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib",
+    "types": ["webpack-env"]
   },
   "include": ["src"]
 }

packages/redux-devtools-app/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-app/tsconfig.webpack.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["node", "webpack-dev-server"]
+  },
   "include": ["webpack.config.ts", "webpack.config.umd.ts"]
 }

packages/redux-devtools-cli/.eslintrc.js

@@ -1,16 +1,19 @@
 module.exports = {
+  overrides: [
+    {
+      files: ['*.ts'],
       extends: '../../eslintrc.ts.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
         project: ['./tsconfig.json'],
       },
-  overrides: [
+    },
     {
-      files: ['test/**/*.ts', 'test/**/*.tsx'],
+      files: ['test/**/*.ts'],
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/redux-devtools-cli/jest.config.js

@@ -1,3 +1,8 @@
 module.exports = {
   preset: 'ts-jest',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/redux-devtools-cli/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-cli/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-inspector-monitor-test-tab/.eslintrc.js

@@ -30,7 +30,7 @@ module.exports = {
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/redux-devtools-inspector-monitor-test-tab/demo/package.json

@@ -4,8 +4,8 @@
   "version": "0.1.6",
   "license": "MIT",
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -42,10 +42,11 @@
     "@types/react-router": "^5.1.17",
     "@types/redux-logger": "^3.0.9",
     "@types/styled-components": "^5.1.19",
-    "@types/webpack-dev-server": "^4.5.1",
+    "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "css-loader": "^6.5.1",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",

packages/redux-devtools-inspector-monitor-test-tab/demo/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../../tsconfig.react.base.json",
   "compilerOptions": {
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "types": ["webpack-env"]
   },
   "include": ["../src", "src"]
 }

packages/redux-devtools-inspector-monitor-test-tab/demo/tsconfig.webpack.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../../tsconfig.base.json",
   "compilerOptions": {
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "types": ["node", "webpack-dev-server"]
   },
   "include": ["webpack.config.ts"]
 }

packages/redux-devtools-inspector-monitor-test-tab/jest.config.js

@@ -4,4 +4,9 @@ module.exports = {
   moduleNameMapper: {
     '\\.css$': '<rootDir>/test/__mocks__/styleMock.ts',
   },
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/redux-devtools-inspector-monitor-test-tab/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-inspector-monitor-test-tab/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-inspector-monitor-trace-tab/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/redux-devtools-inspector-monitor-trace-tab/jest.config.js

@@ -1,4 +1,9 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/redux-devtools-inspector-monitor-trace-tab/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-inspector-monitor-trace-tab/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.react.base.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib",
+    "types": ["chrome", "node"]
   },
   "include": ["src"]
 }

packages/redux-devtools-inspector-monitor-trace-tab/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["jest", "node", "chrome"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-inspector-monitor/demo/package.json

@@ -4,8 +4,8 @@
   "version": "0.1.4",
   "license": "MIT",
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -40,10 +40,11 @@
     "@types/react-redux": "^7.1.21",
     "@types/react-router": "^5.1.17",
     "@types/redux-logger": "^3.0.9",
-    "@types/webpack-dev-server": "^4.5.1",
+    "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.28.0",

packages/redux-devtools-inspector-monitor/demo/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../../tsconfig.react.base.json",
   "compilerOptions": {
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "types": ["webpack-env"]
   },
-  "include": ["../src", "src"]
+  "include": ["src"]
 }

packages/redux-devtools-inspector-monitor/demo/tsconfig.webpack.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../../tsconfig.base.json",
   "compilerOptions": {
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "types": ["node", "webpack-dev-server"]
   },
   "include": ["webpack.config.ts"]
 }

packages/redux-devtools-instrument/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/redux-devtools-instrument/jest.config.js

@@ -1,3 +1,8 @@
 module.exports = {
   preset: 'ts-jest',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/redux-devtools-instrument/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-instrument/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib",
+    "types": ["node"]
   },
   "include": ["src"]
 }

packages/redux-devtools-instrument/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["jest", "node"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-rtk-query-monitor/demo/package.json

@@ -4,8 +4,8 @@
   "version": "0.1.5",
   "license": "MIT",
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -42,11 +42,11 @@
     "@types/react-redux": "^7.1.21",
     "@types/react-router-dom": "^5.3.2",
     "@types/styled-components": "^5.1.19",
-    "@types/webpack-dev-server": "^4.5.1",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
     "copy-webpack-plugin": "^9.1.0",
+    "cross-env": "^7.0.3",
     "css-loader": "^6.5.1",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",

packages/redux-devtools-rtk-query-monitor/demo/tsconfig.webpack.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../../tsconfig.base.json",
   "compilerOptions": {
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "types": ["node", "webpack-dev-server"]
   },
   "include": ["webpack.config.ts"]
 }

packages/redux-devtools-serialize/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/redux-devtools-serialize/jest.config.js

@@ -1,3 +1,8 @@
 module.exports = {
   preset: 'ts-jest',
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
+  },
 };

packages/redux-devtools-serialize/test/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-serialize/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-slider-monitor/examples/todomvc/package.json

@@ -9,8 +9,8 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -41,10 +41,11 @@
     "@types/react-dom": "^17.0.11",
     "@types/react-redux": "^7.1.21",
     "@types/styled-components": "^5.1.19",
-    "@types/webpack-dev-server": "^4.5.1",
+    "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "css-loader": "^6.5.1",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",

packages/redux-devtools-slider-monitor/examples/todomvc/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../../tsconfig.react.base.json",
-  "include": ["."]
+  "compilerOptions": {
+    "types": ["webpack-env"]
+  },
+  "include": ["src"]
 }

packages/redux-devtools-slider-monitor/examples/todomvc/tsconfig.webpack.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["node", "webpack-dev-server"]
+  },
   "include": ["webpack.config.ts"]
 }

packages/redux-devtools-ui/.eslintrc.js

@@ -10,11 +10,11 @@ module.exports = {
       },
     },
     {
-      files: ['tests/**/*.ts', 'tests/**/*.tsx'],
+      files: ['test/**/*.ts', 'test/**/*.tsx'],
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./tests/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
     {

packages/redux-devtools-ui/jest.config.js

@@ -2,6 +2,11 @@ module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
   moduleNameMapper: {
-    '\\.css$': '<rootDir>/tests/__mocks__/styleMock.ts',
+    '\\.css$': '<rootDir>/test/__mocks__/styleMock.ts',
+  },
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json',
+    },
   },
 };

packages/redux-devtools-ui/tests/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-ui/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["jest"]
+  },
+  "include": ["src", "test"]
+}

packages/redux-devtools-utils/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.react.base.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib",
+    "types": ["node"]
   },
   "include": ["src"]
 }

packages/redux-devtools/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
       extends: '../../eslintrc.ts.react.jest.base.json',
       parserOptions: {
         tsconfigRootDir: __dirname,
-        project: ['./test/tsconfig.json'],
+        project: ['./tsconfig.test.json'],
       },
     },
   ],

packages/redux-devtools/examples/counter/package.json

@@ -13,8 +13,8 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -39,11 +39,11 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "@types/react-redux": "^7.1.21",
-    "@types/webpack-dev-server": "^4.5.1",
     "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.28.0",

packages/redux-devtools/examples/counter/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "types": ["webpack-env"]
+  },
   "include": ["src"]
 }

packages/redux-devtools/examples/counter/tsconfig.webpack.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": ["node", "webpack-dev-server"]
+  },
   "include": ["webpack.config.ts"]
 }

packages/redux-devtools/examples/todomvc/package.json

@@ -25,8 +25,8 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "webpack serve --open",
-    "build": "webpack",
+    "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --open",
+    "build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
@@ -53,10 +53,11 @@
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "@types/react-redux": "^7.1.21",
-    "@types/webpack-dev-server": "^4.5.1",
+    "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
     "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
     "css-loader": "^6.5.1",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",

packages/redux-devtools/examples/todomvc/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../../../tsconfig.react.base.json",
-  "include": ["."]
+  "compilerOptions": {
+    "types": ["webpack-env"]
+  },
+  "include": ["src"]
 }