@wistia/eslint-config 2.3.1 → 2.4.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @wistia/eslint-config
 
+## 2.4.1
+
+### Patch Changes
+
+- [#450](https://github.com/wistia/eslint-config/pull/450) [`cb96151`](https://github.com/wistia/eslint-config/commit/cb961517b3538afe1cc27d98aa147ce3c407a15a) Thanks [@okize](https://github.com/okize)! - fix: switch import-x/resolver to import-x/resolver-next for ESLint 10 compatibility
+
+## 2.4.0
+
+### Minor Changes
+
+- [#448](https://github.com/wistia/eslint-config/pull/448) [`1ecf9aa`](https://github.com/wistia/eslint-config/commit/1ecf9aa3150c84b0ba8ca7dd40e2b3a6ffeebf31) Thanks [@okize](https://github.com/okize)! - feat: migrate from eslint-plugin-react to @eslint-react/eslint-plugin
+
 ## 2.3.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/eslint-config",
-  "version": "2.3.1",
+  "version": "2.4.1",
   "description": "Wistia's ESLint configurations",
   "packageManager": "yarn@4.12.0",
   "type": "module",
@@ -38,11 +38,12 @@
     "test:export": "check-export-map"
   },
   "dependencies": {
+    "@eslint-react/eslint-plugin": "^3.0.0",
     "@eslint/compat": "^2.0.3",
     "@eslint/js": "^10.0.1",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/eslint-plugin": "^8.57.1",
-    "@typescript-eslint/parser": "^8.57.1",
+    "@typescript-eslint/eslint-plugin": "^8.57.2",
+    "@typescript-eslint/parser": "^8.57.2",
     "@vitest/eslint-plugin": "^1.6.13",
     "confusing-browser-globals": "^1.0.11",
     "eslint-import-resolver-typescript": "^4.4.4",
@@ -57,14 +58,11 @@
     "eslint-plugin-playwright": "^2.10.1",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-hooks-ssr": "^0.1.5",
     "eslint-plugin-ssr-friendly": "^1.3.0",
     "eslint-plugin-storybook": "^10.3.3",
     "eslint-plugin-styled-components-a11y": "^2.2.1",
-    "eslint-plugin-testing-library": "^7.16.1",
+    "eslint-plugin-testing-library": "^7.16.2",
     "globals": "^17.4.0",
     "globals-vitest": "^4.1.0"
   },
@@ -79,20 +77,16 @@
     "husky": "^9.1.7",
     "prettier": "^3.8.1",
     "storybook": "^10.3.3",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "vitest": "^4.1.1"
   },
   "peerDependencies": {
     "eslint": ">= 10",
-    "storybook": ">= 9",
-    "typescript": ">= 5"
+    "storybook": ">= 9"
   },
   "peerDependenciesMeta": {
     "storybook": {
       "optional": true
-    },
-    "typescript": {
-      "optional": true
     }
   },
   "keywords": [

package/src/configs/node.mjs

@@ -1,6 +1,6 @@
 import globals from 'globals';
 import nodePlugin from 'eslint-plugin-n';
-import { importX as importPlugin } from 'eslint-plugin-import-x';
+import { importX as importPlugin, createNodeResolver } from 'eslint-plugin-import-x';
 import nodeRules from '../rules/node.mjs';
 
 export default [
@@ -14,6 +14,9 @@ export default [
       n: nodePlugin,
       'import-x': importPlugin,
     },
+    settings: {
+      'import-x/resolver-next': [createNodeResolver()],
+    },
     rules: {
       ...nodeRules,
     },

package/src/configs/react.mjs

@@ -1,11 +1,8 @@
 import globals from 'globals';
-import reactPlugin from 'eslint-plugin-react';
+import eslintReact from '@eslint-react/eslint-plugin';
 import jsxA11yPlugin from 'eslint-plugin-jsx-a11y';
-import reactHooksPlugin from 'eslint-plugin-react-hooks';
-import reactCompilerPlugin from 'eslint-plugin-react-compiler';
 import reactRules from '../rules/react.mjs';
 import reactA11yRules from '../rules/react-a11y.mjs';
-import reactHooksRules from '../rules/react-hooks.mjs';
 
 export default [
   {
@@ -19,21 +16,13 @@ export default [
         ...globals.browser,
       },
     },
-    settings: {
-      react: {
-        version: 'detect',
-      },
-    },
     plugins: {
-      react: reactPlugin,
+      ...eslintReact.configs.all.plugins,
       'jsx-a11y': jsxA11yPlugin,
-      'react-hooks': reactHooksPlugin,
-      'react-compiler': reactCompilerPlugin,
     },
     rules: {
       ...reactRules,
       ...reactA11yRules,
-      ...reactHooksRules,
     },
   },
 ];

package/src/configs/typescript.mjs

@@ -5,6 +5,7 @@ import { fixupPluginRules } from '@eslint/compat';
 import stylisticPlugin from '@stylistic/eslint-plugin';
 import filenamesPlugin from 'eslint-plugin-filenames';
 import { importX as importPlugin } from 'eslint-plugin-import-x';
+import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript';
 import barrelFilesPlugin from 'eslint-plugin-barrel-files';
 import prettierPlugin from 'eslint-plugin-prettier';
 import promisePlugin from 'eslint-plugin-promise';
@@ -53,19 +54,15 @@ export default [
         '@typescript-eslint/parser': ['.ts', '.cts', '.mts', '.tsx'],
       },
 
-      'import-x/resolver': {
-        typescript: {
-          node: {
-            extensions: ['.ts', '.cts', '.mts', '.tsx', '.js', '.jsx', '.mjs', '.cjs'],
-          },
-
+      'import-x/resolver-next': [
+        createTypeScriptImportResolver({
           // always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/lodash`
           alwaysTryTypes: true,
 
           // use <root>/path/to/folder/tsconfig.json
           project: '<root>/tsconfig.json',
-        },
-      },
+        }),
+      ],
     },
     rules: {
       ...baseRules,