2.0.0-beta

.github/workflows/check.yml

@@ -14,10 +14,10 @@ jobs:
     runs-on: ubuntu-24.04-arm
     steps:
       - uses: actions/checkout@v4
-      - name: Setup node@23
+      - name: Setup node@24
         uses: actions/setup-node@v4
         with:
-          node-version: 23
+          node-version: 24
       - name: Enable Corepack
         run: corepack enable
       - name: Install front-end dependencies

.github/workflows/codeql.yml

@@ -27,7 +27,7 @@ jobs:
     #   - https://gh.io/supported-runners-and-hardware-resources
     #   - https://gh.io/using-larger-runners (GitHub.com only)
     # Consider using larger runners or machines with greater resources for possible analysis time improvements.
-    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    runs-on: ${{ (matrix.language == 'swift' && 'ubuntu-24.04-arm') || 'ubuntu-latest' }}
     timeout-minutes: ${{ (matrix.language == 'swift' && 120) || 360 }}
     permissions:
       # required for all workflows

.github/workflows/publish.yml

@@ -22,10 +22,10 @@ jobs:
       id-token: write
     steps:
       - uses: actions/checkout@v4
-      - name: Setup node@23
+      - name: Setup node@24
         uses: actions/setup-node@v4
         with:
-          node-version: 23
+          node-version: 24
           registry-url: "https://registry.npmjs.org"
       - name: Enable Corepack
         run: corepack enable

.github/workflows/test.yml

@@ -15,23 +15,23 @@ jobs:
     runs-on: ubuntu-24.04-arm
     steps:
       - uses: actions/checkout@v4
-      - name: Setup node@23
+      - name: Setup node@24
         uses: actions/setup-node@v4
         with:
-          node-version: 23
+          node-version: 24
       - name: Enable Corepack
         run: corepack enable
       - name: Install front-end dependencies
         run: pnpm install
       - name: Build front-end assets
         run: pnpm run build
-      - name: Test on node@23
+      - name: Test on node@24
         run: pnpm run test
-      - name: Setup node@18
+      - name: Setup node@20
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
       - name: Enable Corepack
         run: corepack enable
-      - name: Test on node@18
+      - name: Test on node@20
         run: pnpm run test

.pkgs/configs/eslint.js

@@ -13,6 +13,7 @@ const templateIndentTags = [
     "ts",
     "tsx",
     "html",
+    "glsl",
     "dedent",
     "outdent",
 ];
@@ -108,7 +109,7 @@ export const typescript = tseslint.config({
         "function/function-return-boolean": ["error", { pattern: "/^(is|has|can|should)/" }],
         "@stylistic/arrow-parens": ["warn", "always"],
         "@stylistic/no-multi-spaces": ["warn"],
-        "@stylistic/operator-linebreak": ["warn", "before"],
+        "@stylistic/operator-linebreak": "off",
         "@stylistic/quote-props": ["error", "as-needed"],
         "perfectionist/sort-exports": ["warn", { type: "natural", order: "asc" }],
         "perfectionist/sort-imports": ["warn", {

.pkgs/configs/eslint.ts

@@ -17,6 +17,7 @@ const templateIndentTags = [
   "ts",
   "tsx",
   "html",
+  "glsl",
   "dedent",
   "outdent",
 ];
@@ -121,7 +122,7 @@ export const typescript: ConfigArray = tseslint.config(
 
       "@stylistic/arrow-parens": ["warn", "always"],
       "@stylistic/no-multi-spaces": ["warn"],
-      "@stylistic/operator-linebreak": ["warn", "before"],
+      "@stylistic/operator-linebreak": "off",
       "@stylistic/quote-props": ["error", "as-needed"],
 
       "perfectionist/sort-exports": ["warn", { type: "natural", order: "asc" }],

.pkgs/configs/package.json

@@ -20,13 +20,13 @@
   },
   "dependencies": {
     "@eslint/js": "^9.29.0",
-    "@stylistic/eslint-plugin": "^4.4.1",
+    "@stylistic/eslint-plugin": "^5.0.0",
     "eslint-plugin-de-morgan": "^1.3.0",
     "eslint-plugin-function": "^0.0.22",
-    "eslint-plugin-jsdoc": "^51.0.3",
+    "eslint-plugin-jsdoc": "^51.2.3",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-regexp": "^2.9.0",
     "eslint-plugin-unicorn": "^59.0.1",
-    "typescript-eslint": "^8.34.1"
+    "typescript-eslint": "^8.35.0"
   }
 }

.pkgs/eslint-plugin-local/package.json

@@ -27,13 +27,13 @@
     "@eslint-react/shared": "workspace:*",
     "@eslint-react/var": "workspace:*",
     "@eslint/js": "^9.29.0",
-    "@stylistic/eslint-plugin": "^4.4.1",
-    "@typescript-eslint/scope-manager": "^8.34.1",
-    "@typescript-eslint/type-utils": "^8.34.1",
-    "@typescript-eslint/types": "^8.34.1",
-    "@typescript-eslint/utils": "^8.34.1",
+    "@stylistic/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/scope-manager": "^8.35.0",
+    "@typescript-eslint/type-utils": "^8.35.0",
+    "@typescript-eslint/types": "^8.35.0",
+    "@typescript-eslint/utils": "^8.35.0",
     "eslint-plugin-de-morgan": "^1.3.0",
-    "eslint-plugin-jsdoc": "^51.0.3",
+    "eslint-plugin-jsdoc": "^51.2.3",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-regexp": "^2.9.0",
     "eslint-plugin-unicorn": "^59.0.1",
@@ -47,11 +47,11 @@
     "tsup": "^8.5.0"
   },
   "peerDependencies": {
-    "eslint": "^8.57.0 || ^9.0.0",
-    "typescript": "^4.9.5 || ^5.3.3"
+    "eslint": "^9.29.0",
+    "typescript": "^4.9.5 || ^5.4.5"
   },
   "engines": {
     "bun": ">=1.0.15",
-    "node": ">=18.18.0"
+    "node": ">=20.19.0"
   }
 }

.pkgs/eslint-plugin-local/tsup.config.ts

@@ -11,6 +11,6 @@ export default {
   platform: "node",
   sourcemap: false,
   splitting: false,
-  target: "node18",
+  target: "node20",
   treeshake: true,
 } satisfies Options;

README.md

@@ -53,8 +53,8 @@
 > [!NOTE]\
 > ESLint React requires the following minimum versions:
 >
-> - Node.js: 18.18.0
-> - ESLint: 8.57.0
+> - Node.js: 20.19.0
+> - ESLint: 9.24.0
 > - TypeScript: 4.9.5
 
 ### Install

VERSION

@@ -1 +1 @@
-1.52.3-next.6
+2.0.0-next.58

apps/website/app/base.css → apps/website/app/app.css

@@ -1,6 +1,6 @@
 @import "tailwindcss";
 @import "tailwindcss-animated";
-@import "./theme.css";
+@import "./theme/theme.css";
 @import "fumadocs-ui/css/preset.css";
 @import "fumadocs-twoslash/twoslash.css";
 

apps/website/app/layout.tsx

@@ -3,11 +3,12 @@ import type { ReactNode } from "react";
 
 import { RootProvider } from "fumadocs-ui/provider";
 import { ViewTransitions } from "next-view-transitions";
+
 import { IBM_Plex_Mono } from "next/font/google";
 import { baseUrl } from "../lib/metadata";
-import "./base.css";
 
-import "./overrides.css";
+import "./app.css";
+import "./app.override.css";
 
 const ibm_plex_mono = IBM_Plex_Mono({
   subsets: ["latin"],

apps/website/content/docs/faq.mdx

@@ -39,7 +39,6 @@ Currently, it includes the following:
   - [`eslint-plugin-react-x`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) - Core React rules.
   - [`eslint-plugin-react-dom`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) - React DOM rules.
   - [`eslint-plugin-react-web-api`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-web-api) - Web API interaction rules.
-  - [`eslint-plugin-react-hooks-extra`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-hooks-extra) - Extra React Hooks rules.
   - [`eslint-plugin-react-naming-convention`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-naming-convention) - Naming convention rules.
   - [`eslint-plugin-react-debug`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug) - Debugging rules for inspecting React patterns in code.
   - [`@eslint-react/eslint-plugin`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin) - A unified plugin that combines all individual plugins into one.

apps/website/content/docs/getting-started/javascript.mdx

@@ -7,8 +7,8 @@ import { Step, Steps } from "fumadocs-ui/components/steps";
 
 <Callout type="info" title="This instruction requires the following minimum versions:">
 
-- Node.js: 18.18.0
-- ESLint: 8.57.0
+- Node.js: 20.19.0
+- ESLint: 9.24.0
 - TypeScript: 4.9.5
 
 </Callout>

apps/website/content/docs/getting-started/typescript.mdx

@@ -7,8 +7,8 @@ import { Step, Steps } from "fumadocs-ui/components/steps";
 
 <Callout type="info" title="This instruction requires the following minimum versions:">
 
-- Node.js: 18.18.0
-- ESLint: 8.57.0
+- Node.js: 20.19.0
+- ESLint: 9.24.0
 - TypeScript: 4.9.5
 
 </Callout>

apps/website/content/docs/roadmap.md

@@ -40,14 +40,10 @@ Minimum supported versions:
 
 ### Add suggestion-fix feature to rules that can be fixed interactively
 
-- [ ] `no-prop-types`
-- [ ] `no-redundant-should-component-update`
-- [ ] `no-unused-class-component-members`
-- [ ] `no-unused-state`
-- [ ] `dom/no-missing-button-type`
-- [ ] `dom/no-missing-iframe-sandbox`
+- [x] `dom/no-missing-button-type`
+- [x] `dom/no-missing-iframe-sandbox`
 - [ ] `dom/no-unsafe-iframe-sandbox`
-- [ ] `dom/no-unsafe-target-blank`
+- [x] `dom/no-unsafe-target-blank`
 
 ### New Rules
 

apps/website/content/docs/rules/meta.json

@@ -3,9 +3,12 @@
     "overview",
     "---X Rules---",
     "jsx-key-before-spread",
+    "jsx-no-comment-textnodes",
     "jsx-no-duplicate-props",
     "jsx-no-iife",
     "jsx-no-undef",
+    "jsx-shorthand-boolean",
+    "jsx-shorthand-fragment",
     "jsx-uses-react",
     "jsx-uses-vars",
     "no-access-state-in-setstate",
@@ -18,15 +21,15 @@
     "no-children-to-array",
     "no-class-component",
     "no-clone-element",
-    "no-comment-textnodes",
-    "no-complex-conditional-rendering",
     "no-component-will-mount",
     "no-component-will-receive-props",
     "no-component-will-update",
     "no-context-provider",
     "no-create-ref",
     "no-default-props",
     "no-direct-mutation-state",
+    "no-direct-set-state-in-use-effect",
+    "no-direct-set-state-in-use-layout-effect",
     "no-duplicate-key",
     "no-forward-ref",
     "no-implicit-key",
@@ -43,6 +46,9 @@
     "no-set-state-in-component-did-update",
     "no-set-state-in-component-will-update",
     "no-string-refs",
+    "no-unnecessary-use-callback",
+    "no-unnecessary-use-memo",
+    "no-unnecessary-use-prefix",
     "no-unsafe-component-will-mount",
     "no-unsafe-component-will-receive-props",
     "no-unsafe-component-will-update",
@@ -52,14 +58,10 @@
     "no-unused-state",
     "no-use-context",
     "no-useless-forward-ref",
-    "no-useless-fragment",
     "prefer-destructuring-assignment",
-    "prefer-react-namespace-import",
+    "prefer-namespace-import",
     "prefer-read-only-props",
-    "prefer-shorthand-boolean",
-    "prefer-shorthand-fragment",
-    "avoid-shorthand-boolean",
-    "avoid-shorthand-fragment",
+    "prefer-use-state-lazy-initialization",
     "---DOM Rules---",
     "dom-no-dangerously-set-innerhtml",
     "dom-no-dangerously-set-innerhtml-with-children",
@@ -82,13 +84,6 @@
     "web-api-no-leaked-interval",
     "web-api-no-leaked-resize-observer",
     "web-api-no-leaked-timeout",
-    "---Hooks Extra Rules---",
-    "hooks-extra-no-direct-set-state-in-use-effect",
-    "hooks-extra-no-direct-set-state-in-use-layout-effect",
-    "hooks-extra-no-unnecessary-use-callback",
-    "hooks-extra-no-unnecessary-use-memo",
-    "hooks-extra-no-unnecessary-use-prefix",
-    "hooks-extra-prefer-use-state-lazy-initialization",
     "---Naming Convention Rules---",
     "naming-convention-component-name",
     "naming-convention-context-name",