@willbooster/eslint-config-next 2.6.1 → 3.0.0

package/README.md

@@ -6,14 +6,14 @@ Install the package and its peer dependencies.
 ```sh
 yarn add -D @willbooster/eslint-config-next \
     @eslint/js \
+    @eslint-react/eslint-plugin \
     @next/eslint-plugin-next \
     eslint \
     eslint-config-flat-gitignore \
     eslint-config-prettier \
     eslint-plugin-import-x \
-    eslint-plugin-react \
+    eslint-plugin-perfectionist \
     eslint-plugin-react-compiler \
-    eslint-plugin-react-hooks \
     eslint-plugin-sort-class-members \
     eslint-plugin-sort-destructure-keys \
     eslint-plugin-unicorn \

package/eslint.config.js

@@ -1,13 +1,13 @@
 /* eslint-disable unicorn/no-null */
 
 import js from '@eslint/js';
+import eslintPluginReact from '@eslint-react/eslint-plugin';
 import eslintPluginNext from '@next/eslint-plugin-next';
 import eslintConfigFlatGitignore from 'eslint-config-flat-gitignore';
 import eslintConfigPrettier from 'eslint-config-prettier';
 import eslintPluginImportX from 'eslint-plugin-import-x';
-import eslintPluginReact from 'eslint-plugin-react';
+import eslintPluginPerfectionist from 'eslint-plugin-perfectionist';
 import eslintPluginReactCompiler from 'eslint-plugin-react-compiler';
-import eslintPluginReactHooks from 'eslint-plugin-react-hooks';
 import eslintPluginSortClassMembers from 'eslint-plugin-sort-class-members';
 import eslintPluginSortDestructureKeys from 'eslint-plugin-sort-destructure-keys';
 import eslintPluginUnicorn from 'eslint-plugin-unicorn';
@@ -16,7 +16,6 @@ import globals from 'globals';
 import tseslint from 'typescript-eslint';
 
 const { flatConfig: eslintPluginNextFlatConfig } = eslintPluginNext;
-const reactHooksFlatRecommended = eslintPluginReactHooks.configs.flat.recommended;
 
 const config = [
   // Since eslintPluginNextFlatConfig.coreWebVitals does not work on Next.js 16 beta.
@@ -67,6 +66,11 @@ const config = [
     },
     languageOptions: {
       ecmaVersion: 'latest',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
       globals: {
         // for Web
         ...globals.browser,
@@ -121,35 +125,42 @@ const config = [
   // -----------------------------------------------------------
 
   // --------------- from eslint-config-js-react ---------------
-  // cf. https://github.com/jsx-eslint/eslint-plugin-react#flat-configs
-  eslintPluginReact.configs.flat.recommended,
-  eslintPluginReact.configs.flat['jsx-runtime'],
-  // cf. https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks#readme
-  reactHooksFlatRecommended,
+  // cf. https://eslint-react.xyz/docs/migrating-from-eslint-plugin-react
+  eslintPluginReact.configs.recommended,
   // cf. https://www.npmjs.com/package/eslint-plugin-react-compiler
   eslintPluginReactCompiler.configs.recommended,
   {
+    plugins: {
+      perfectionist: eslintPluginPerfectionist,
+    },
     settings: {
-      react: {
+      'react-x': {
         version: 'detect',
       },
     },
     rules: {
-      'react/jsx-sort-props': [
+      '@eslint-react/dom-no-unknown-property': [
         'error',
         {
-          callbacksLast: true,
-          shorthandFirst: true,
-          reservedFirst: true,
+          ignore: ['global', 'jsx'],
         },
       ],
-      'react/no-unknown-property': [
+      'perfectionist/sort-jsx-props': [
         'error',
         {
-          ignore: ['global', 'jsx'],
+          customGroups: [
+            {
+              groupName: 'reserved',
+              elementNamePattern: '^(children|dangerouslySetInnerHTML|key|ref)$',
+            },
+            {
+              groupName: 'callback',
+              elementNamePattern: '^on[A-Z]',
+            },
+          ],
+          groups: ['reserved', 'shorthand-prop', 'unknown', 'callback'],
         },
       ],
-      'react/prop-types': 'off',
     },
   },
   // -----------------------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willbooster/eslint-config-next",
-  "version": "2.6.1",
+  "version": "3.0.0",
   "description": "ESLint flat config for Next.js projects",
   "repository": {
     "type": "git",
@@ -20,29 +20,29 @@
     "cleanup": "yarn format && yarn lint-fix",
     "format": "sort-package-json && yarn prettify",
     "lint": "eslint --color",
-    "lint-fix": "yarn lint --fix --rule \"{ react-hooks/exhaustive-deps: 0 }\"",
+    "lint-fix": "yarn lint --fix --rule \"{ '@eslint-react/exhaustive-deps': 0 }\"",
     "prettify": "prettier --cache --color --write \"**/{.*/,}*.{cjs,css,cts,htm,html,java,js,json,json5,jsonc,jsx,md,mjs,mts,scss,ts,tsx,vue,yaml,yml}\" \"!**/test{-,/}fixtures/**\" || true",
     "test": "yarn lint",
     "typecheck": "tsc --noEmit --Pretty"
   },
   "prettier": "@willbooster/prettier-config",
   "devDependencies": {
+    "@eslint-react/eslint-plugin": "4.2.3",
     "@eslint/eslintrc": "3.3.5",
-    "@eslint/js": "9.39.4",
+    "@eslint/js": "10.0.1",
     "@types/eslint": "9.6.1",
     "@types/micromatch": "4.0.10",
     "@types/node": "25.5.0",
     "@types/react": "19.2.14",
     "@willbooster/prettier-config": "10.4.0",
-    "eslint": "9.39.4",
+    "eslint": "10.2.0",
     "eslint-config-flat-gitignore": "2.3.0",
     "eslint-config-next": "16.2.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-import-x": "4.16.2",
-    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-perfectionist": "5.8.0",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-sort-class-members": "1.21.0",
     "eslint-plugin-sort-destructure-keys": "3.0.0",
     "eslint-plugin-unicorn": "64.0.0",
@@ -50,26 +50,25 @@
     "globals": "17.4.0",
     "lint-staged": "16.4.0",
     "micromatch": "4.0.8",
-    "next": "16.2.2",
     "prettier": "3.8.1",
     "prettier-plugin-java": "2.8.1",
     "react": "19.2.4",
     "sort-package-json": "3.6.1",
     "typescript": "6.0.2",
-    "typescript-eslint": "8.58.0",
+    "typescript-eslint": "8.58.1",
     "use-immer": "0.11.0"
   },
   "peerDependencies": {
-    "@eslint/js": ">=9",
+    "@eslint-react/eslint-plugin": ">=4.2.3",
+    "@eslint/js": ">=10",
     "@next/eslint-plugin-next": ">=16",
-    "eslint": ">=9",
+    "eslint": ">=10",
     "eslint-config-flat-gitignore": ">=2.1",
     "eslint-config-prettier": ">=10",
     "eslint-import-resolver-typescript": ">=4",
     "eslint-plugin-import-x": ">=4",
-    "eslint-plugin-react": ">=7",
+    "eslint-plugin-perfectionist": ">=5.8",
     "eslint-plugin-react-compiler": ">=19.1.0-rc.2",
-    "eslint-plugin-react-hooks": ">=6",
     "eslint-plugin-sort-class-members": ">=1.21",
     "eslint-plugin-sort-destructure-keys": ">=2",
     "eslint-plugin-unicorn": ">=59",