chore: Replace ESLint plugins

.eslintrc.cjs

@@ -6,13 +6,13 @@ const config = {
   reportUnusedDisableDirectives: true,
   ignorePatterns: ['**/build', '**/coverage', '**/dist'],
   parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', 'import'],
+  plugins: ['@typescript-eslint', 'import-x'],
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:@typescript-eslint/stylistic',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
+    'plugin:import-x/recommended',
+    'plugin:import-x/typescript',
     'prettier',
   ],
   env: {
@@ -26,12 +26,9 @@ const config = {
     ecmaVersion: 2020,
   },
   settings: {
-    'import/parsers': {
+    'import-x/parsers': {
       '@typescript-eslint/parser': ['.ts', '.tsx'],
     },
-    'import/resolver': {
-      typescript: true,
-    },
     react: {
       version: 'detect',
     },
@@ -56,16 +53,16 @@ const config = {
       'error',
       { ignoreParameters: true },
     ],
-    'import/default': 'off',
-    'import/export': 'off',
-    'import/namespace': 'off',
-    'import/newline-after-import': 'error',
-    'import/no-cycle': 'error',
-    'import/no-duplicates': 'off',
-    'import/no-named-as-default-member': 'off',
-    'import/no-unresolved': ['error', { ignore: ['^@tanstack/'] }],
-    'import/no-unused-modules': ['off', { unusedExports: true }],
-    'import/order': [
+    'import-x/default': 'off',
+    'import-x/export': 'off',
+    'import-x/namespace': 'off',
+    'import-x/newline-after-import': 'error',
+    'import-x/no-cycle': 'error',
+    'import-x/no-duplicates': 'off',
+    'import-x/no-named-as-default-member': 'off',
+    'import-x/no-unresolved': 'off',
+    'import-x/no-unused-modules': ['off', { unusedExports: true }],
+    'import-x/order': [
       'error',
       {
         groups: [

examples/lit/simple/.eslintrc.cjs

@@ -1,15 +1,6 @@
 // @ts-check
 
 /** @type {import('eslint').Linter.Config} */
-const config = {
-  extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended'],
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: './tsconfig.json',
-  },
-  rules: {
-    'react/no-children-prop': 'off',
-  },
-}
+const config = {}
 
 module.exports = config

examples/lit/ui-libraries/.eslintrc.cjs

@@ -1,15 +1,6 @@
 // @ts-check
 
 /** @type {import('eslint').Linter.Config} */
-const config = {
-  extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended'],
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: './tsconfig.json',
-  },
-  rules: {
-    'react/no-children-prop': 'off',
-  },
-}
+const config = {}
 
 module.exports = config

examples/react/next-server-actions/package.json

@@ -5,8 +5,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "_test:types": "tsc",
-    "test:eslint": "next lint"
+    "_test:types": "tsc"
   },
   "dependencies": {
     "@tanstack/react-form": "^0.23.3",
@@ -18,8 +17,6 @@
     "@types/node": "^20.9.0",
     "@types/react": "npm:types-react@rc",
     "@types/react-dom": "npm:types-react-dom@rc",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "15.0.0-rc.0",
     "typescript": "5.4.2"
   },
   "overrides": {

examples/react/ui-libraries/package.json

@@ -30,7 +30,6 @@
     "@vitejs/plugin-react": "^4.3.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "eslint": "^8.57.0",
-    "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "typescript": "5.4.2",

package.json

@@ -40,6 +40,7 @@
   },
   "namespace": "@tanstack",
   "devDependencies": {
+    "@eslint-react/eslint-plugin": "^1.5.16",
     "@solidjs/testing-library": "^0.8.6",
     "@tanstack/config": "^0.7.11",
     "@testing-library/jest-dom": "^6.4.2",
@@ -55,9 +56,7 @@
     "@vitest/coverage-istanbul": "^1.3.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-import-x": "^0.5.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "jsdom": "^24.0.0",
     "knip": "^5.22.0",

packages/lit-form/.eslintrc.cjs

@@ -1,17 +1,6 @@
 // @ts-check
 
 /** @type {import('eslint').Linter.Config} */
-const config = {
-  extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended'],
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: './tsconfig.json',
-  },
-  rules: {
-    'react/jsx-key': ['error', { checkFragmentShorthand: true }],
-    'react-hooks/exhaustive-deps': 'error',
-    'react/no-children-prop': 'off',
-  },
-}
+const config = {}
 
 module.exports = config

packages/react-form/.eslintrc.cjs

@@ -2,11 +2,13 @@
 
 /** @type {import('eslint').Linter.Config} */
 const config = {
-  extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended'],
+  extends: [
+    'plugin:@eslint-react/recommended-legacy',
+    'plugin:react-hooks/recommended',
+  ],
   rules: {
-    'react/jsx-key': ['error', { checkFragmentShorthand: true }],
-    'react-hooks/exhaustive-deps': 'error',
     'react/no-children-prop': 'off',
+    'react-hooks/exhaustive-deps': 'error',
   },
 }