Use the shareable ESLint config

Author: aryaemami59

.eslintrc.js

@@ -31,4 +31,5 @@ typesversions
 .pnp.*
 *.tgz
 
-tsconfig.vitest-temp.json
+tsconfig.vitest-temp.json
+.eslintcache

.gitignore

@@ -0,0 +1,59 @@
+import { createESLintConfig } from '@reduxjs/eslint-config'
+
+const eslintConfig = createESLintConfig([
+  {
+    name: 'overrides/global-ignores',
+    ignores: [
+      'packages/rtk-codemods/transforms/*/__testfixtures__/',
+      'packages/toolkit/.size-limit.cjs',
+      'packages/rtk-query-codegen-openapi/test/config.example.js',
+      'examples/publish-ci/',
+
+      // TODO: Remove this later.
+      'examples/',
+    ],
+  },
+
+  {
+    name: 'overrides/no-require-imports',
+    files: ['examples/query/react/graphql-codegen/src/mocks/schema.js'],
+    languageOptions: {
+      sourceType: 'commonjs',
+    },
+    rules: {
+      '@typescript-eslint/no-require-imports': [
+        2,
+        {
+          allow: ['ts-node', '\\./db(.c?[tj]s)?$'],
+          allowAsImport: false,
+        },
+      ],
+    },
+  },
+
+  {
+    name: 'overrides/nodenext-cjs-type-portability-examples',
+    files: ['examples/type-portability/nodenext-cjs/**/*.?(m|c)ts?(x)'],
+    languageOptions: {
+      sourceType: 'commonjs',
+    },
+    rules: {
+      '@typescript-eslint/no-require-imports': [
+        2,
+        {
+          allow: [],
+          allowAsImport: true,
+        },
+      ],
+      '@typescript-eslint/no-namespace': [
+        0,
+        {
+          allowDeclarations: false,
+          allowDefinitionFiles: true,
+        },
+      ],
+    },
+  },
+])
+
+export default eslintConfig

eslint.config.mts

@@ -11,8 +11,8 @@
     "test": "vitest run",
     "format-check": "yarn run -T format-check",
     "format": "yarn run -T format",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "lint-fix": "yarn run -T lint-fix",
+    "lint": "yarn run -T lint",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
@@ -25,6 +25,7 @@
     "react-router": "^7.0.1"
   },
   "devDependencies": {
+    "@reduxjs/eslint-config": "workspace:^",
     "@reduxjs/prettier-config": "workspace:^",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.2.0",
@@ -34,6 +35,8 @@
     "@types/react-dom": "18.3.1",
     "@types/react-native-web": "^0.19",
     "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^9.24.0",
+    "jiti": "^2.4.2",
     "jsdom": "^23.2.0",
     "msw": "^2.6.6",
     "prettier": "^3.5.3",

examples/query/react/infinite-queries/.eslintrc.json

@@ -31,20 +31,13 @@
     "@babel/helper-compilation-targets": "^7.23.6",
     "@babel/traverse": "^7.24.1",
     "@babel/types": "^7.24.0",
+    "@reduxjs/eslint-config": "workspace:^",
     "@reduxjs/prettier-config": "workspace:^",
+    "@reduxjs/tsconfig": "workspace:^",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",
-    "@typescript-eslint/eslint-plugin": "6.12.0",
-    "@typescript-eslint/parser": "6.12.0",
-    "eslint": "^7.25.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-flowtype": "^5.7.2",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.23.2",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint": "^9.24.0",
+    "jiti": "^2.4.2",
     "netlify-plugin-cache": "^1.0.3",
     "prettier": "^3.5.3",
     "react": "^19.0.0",
@@ -53,13 +46,16 @@
     "release-it": "^14.12.5",
     "serve": "^14.2.0",
     "ts-node": "^10.9.2",
-    "typescript": "^5.8.2"
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.29.0"
   },
   "scripts": {
     "build": "yarn build:packages",
     "test": "yarn test:packages",
     "format-check": "prettier --ignore-path=$PROJECT_CWD/.prettierignore --ignore-path=$PROJECT_CWD/.gitignore --config=$PROJECT_CWD/prettier.config.mjs --check $INIT_CWD",
     "format": "prettier --ignore-path=$PROJECT_CWD/.prettierignore --ignore-path=$PROJECT_CWD/.gitignore --config=$PROJECT_CWD/prettier.config.mjs --write $INIT_CWD",
+    "lint-fix": "eslint --config=$PROJECT_CWD/eslint.config.mts --no-error-on-unmatched-pattern --fix $INIT_CWD",
+    "lint": "eslint --config=$PROJECT_CWD/eslint.config.mts --no-error-on-unmatched-pattern $INIT_CWD",
     "install": "yarn build-configs",
     "build-configs": "yarn workspaces foreach -Atip --include '@reduxjs/*config' run build",
     "build:examples": "yarn workspaces foreach -A --include '@reduxjs/*' --include '@examples-query-react/*' --include '@examples-action-listener/*' -vtp run build",

examples/query/react/infinite-queries/package.json

@@ -59,6 +59,8 @@
     "check-exports": "attw --pack $INIT_CWD",
     "check-package-json": "publint --strict $INIT_CWD",
     "clean": "rimraf $INIT_CWD/dist/",
+    "lint-fix": "yarn run -T lint-fix",
+    "lint": "yarn run -T lint",
     "prepack": "yarn clean && yarn build",
     "test-types": "tsc -p $INIT_CWD/tsconfig.json"
   },

package.json

@@ -59,6 +59,8 @@
     "check-exports": "attw --pack $INIT_CWD",
     "check-package-json": "publint --strict $INIT_CWD",
     "clean": "rimraf $INIT_CWD/dist/",
+    "lint-fix": "yarn run -T lint-fix",
+    "lint": "yarn run -T lint",
     "prepack": "yarn clean && yarn build",
     "test-types": "tsc -p $INIT_CWD/tsconfig.json"
   },

packages/configs/eslint/package.json

@@ -36,7 +36,9 @@
   "main": "base/tsconfig.json",
   "scripts": {
     "check-exports": "attw --pack $INIT_CWD",
-    "check-package-json": "publint --strict $INIT_CWD"
+    "check-package-json": "publint --strict $INIT_CWD",
+    "lint-fix": "yarn run -T lint-fix",
+    "lint": "yarn run -T lint"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.4",

packages/configs/prettier/package.json

@@ -60,6 +60,8 @@
     "check-exports": "attw --pack $INIT_CWD",
     "check-package-json": "publint --strict $INIT_CWD",
     "clean": "rimraf $INIT_CWD/dist/",
+    "lint-fix": "yarn run -T lint-fix",
+    "lint": "yarn run -T lint",
     "prepack": "yarn clean && yarn build",
     "test-types": "tsc -p $INIT_CWD/tsconfig.json"
   },