release: 2.0.0-beta.30

Rel1cx · Rel1cx · commit c495e98d73aa · 2025-08-15T11:30:44.000+08:00
diff --git a/.pkgs/configs/package.json b/.pkgs/configs/package.json
@@ -23,7 +23,7 @@
     "@stylistic/eslint-plugin": "^5.2.3",
     "eslint-plugin-de-morgan": "^1.3.1",
     "eslint-plugin-function": "^0.0.22",
-    "eslint-plugin-jsdoc": "^54.0.0",
+    "eslint-plugin-jsdoc": "^54.1.0",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-regexp": "^2.10.0",
     "eslint-plugin-unicorn": "^60.0.0",
diff --git a/.pkgs/eslint-plugin-local/package.json b/.pkgs/eslint-plugin-local/package.json
@@ -33,7 +33,7 @@
     "@typescript-eslint/types": "^8.39.1",
     "@typescript-eslint/utils": "^8.39.1",
     "eslint-plugin-de-morgan": "^1.3.1",
-    "eslint-plugin-jsdoc": "^54.0.0",
+    "eslint-plugin-jsdoc": "^54.1.0",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-regexp": "^2.10.0",
     "eslint-plugin-unicorn": "^60.0.0",
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,11 @@
+## v1.52.5 (2025-08-15)
+
+### 🐞 Fixes
+
+- fix: refactor `is-from-react` utility in `react-debug/is-from-react` rule and improve `react-x/no-forward-ref` rule autofix handling, closes #1172 by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/1173
+
+**Full Changelog**: https://github.com/Rel1cx/eslint-react/compare/v1.52.4...v1.52.5
+
 ## v1.52.4 (2025-08-13)
 
 ### 🐞 Fixes
diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-2.0.0-beta.29
+2.0.0-beta.30
diff --git a/apps/website/content/docs/changelog.md b/apps/website/content/docs/changelog.md
@@ -2,6 +2,14 @@
 title: Changelog
 ---
 
+## v1.52.5 (2025-08-15)
+
+### 🐞 Fixes
+
+- fix: refactor `is-from-react` utility in `react-debug/is-from-react` rule and improve `react-x/no-forward-ref` rule autofix handling, closes #1172 by @Rel1cx in https://github.com/Rel1cx/eslint-react/pull/1173
+
+**Full Changelog**: https://github.com/Rel1cx/eslint-react/compare/v1.52.4...v1.52.5
+
 ## v1.52.4 (2025-08-13)
 
 ### 🐞 Fixes
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -37,7 +37,7 @@
     "@eslint/markdown": "^7.1.0",
     "@local/configs": "workspace:*",
     "@mdx-js/mdx": "^3.1.0",
-    "@tailwindcss/postcss": "^4.1.11",
+    "@tailwindcss/postcss": "^4.1.12",
     "@theguild/remark-mermaid": "^0.3.0",
     "@tsconfig/next": "^2.0.3",
     "@tsconfig/node22": "^22.0.2",
@@ -58,7 +58,7 @@
     "eslint-plugin-unicorn": "^60.0.0",
     "importx": "^0.5.2",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.12",
     "tailwindcss-animated": "^2.0.0",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.39.1"
diff --git a/examples/vite-react-dom-js-with-babel-eslint-parser-app/package.json b/examples/vite-react-dom-js-with-babel-eslint-parser-app/package.json
@@ -15,9 +15,9 @@
     "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.0",
+    "@babel/core": "^7.28.3",
     "@babel/eslint-parser": "^7.28.0",
-    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@eslint/config-inspector": "^1.2.0",
     "@eslint/js": "^9.33.0",
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/monorepo",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "private": true,
   "description": "Monorepo for eslint-plugin-react-[x, dom, web-api, naming-convention].",
   "keywords": [
@@ -76,7 +76,7 @@
     "jiti": "^2.5.1",
     "lefthook": "^1.12.3",
     "markdownlint": "^0.38.0",
-    "nx": "21.3.0",
+    "nx": "^21.3.11",
     "publint": "^0.3.12",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/core",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's ESLint utility module for static analysis of React core APIs and patterns.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/core/src/utils/index.ts b/packages/core/src/utils/index.ts
@@ -1,4 +1,4 @@
 export * from "./get-instance-id";
-export * from "./is-initialized-from-react";
+export * from "./is-from-react";
 export * from "./is-instance-id-equal";
 export * from "./is-react-api";
diff --git a/packages/core/src/utils/is-from-react.ts b/packages/core/src/utils/is-from-react.ts
@@ -21,11 +21,12 @@ function getRequireExpressionArguments(node: TSESTree.Node) {
 }
 
 /**
- * Check if an identifier is initialized from react
+ * Check if an identifier name is initialized from react
  * @param name The top-level identifier's name
  * @param importSource The import source to check against
  * @param initialScope Initial scope to search for the identifier
- * @returns Whether the identifier is initialized from react
+ * @returns Whether the identifier name is initialized from react
+ * @internal
  */
 export function isInitializedFromReact(
   name: string,
diff --git a/packages/plugins/eslint-plugin-react-debug/package.json b/packages/plugins/eslint-plugin-react-debug/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-debug",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's ESLint plugin for debugging related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-debug/src/rules/is-from-react.ts b/packages/plugins/eslint-plugin-react-debug/src/rules/is-from-react.ts
@@ -37,30 +37,14 @@ export default createRule<[], MessageID>({
 export function create(context: RuleContext<MessageID, []>): RuleListener {
   const { importSource = "react" } = getSettingsFromContext(context);
 
-  function isFromReact(node: TSESTree.Identifier | TSESTree.JSXIdentifier, initialScope: Scope) {
-    const name = node.name;
-    switch (true) {
-      case node.parent.type === T.MemberExpression
-        && node.parent.property === node
-        && node.parent.object.type === T.Identifier:
-        return ER.isInitializedFromReact(node.parent.object.name, importSource, initialScope);
-      case node.parent.type === T.JSXMemberExpression
-        && node.parent.property === node
-        && node.parent.object.type === T.JSXIdentifier:
-        return ER.isInitializedFromReact(node.parent.object.name, importSource, initialScope);
-      default:
-        return ER.isInitializedFromReact(name, importSource, initialScope);
-    }
-  }
-
   function visitorFunction(node: TSESTree.Identifier | TSESTree.JSXIdentifier) {
     const shouldSkipDuplicate = node.parent.type === T.ImportSpecifier
       && node.parent.imported === node
       && node.parent.imported.name === node.parent.local.name;
     if (shouldSkipDuplicate) return;
     const name = node.name;
     const initialScope = context.sourceCode.getScope(node);
-    if (!isFromReact(node, initialScope)) return;
+    if (!isFromReact(node, importSource, initialScope)) return;
     context.report({
       messageId: "isFromReact",
       node,
@@ -77,3 +61,30 @@ export function create(context: RuleContext<MessageID, []>): RuleListener {
     JSXIdentifier: visitorFunction,
   };
 }
+
+/**
+ * Check if an identifier node is initialized from React
+ * @param node The identifier node to check
+ * @param importSource The import source to check against
+ * @param initialScope Initial scope to search for the identifier
+ * @returns Whether the identifier node is initialized from React
+ */
+function isFromReact(
+  node: TSESTree.Identifier | TSESTree.JSXIdentifier,
+  importSource: string,
+  initialScope: Scope,
+) {
+  const name = node.name;
+  switch (true) {
+    case node.parent.type === T.MemberExpression
+      && node.parent.property === node
+      && node.parent.object.type === T.Identifier:
+      return ER.isInitializedFromReact(node.parent.object.name, importSource, initialScope);
+    case node.parent.type === T.JSXMemberExpression
+      && node.parent.property === node
+      && node.parent.object.type === T.JSXIdentifier:
+      return ER.isInitializedFromReact(node.parent.object.name, importSource, initialScope);
+    default:
+      return ER.isInitializedFromReact(name, importSource, initialScope);
+  }
+}
diff --git a/packages/plugins/eslint-plugin-react-dom/package.json b/packages/plugins/eslint-plugin-react-dom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-hooks-extra/package.json b/packages/plugins/eslint-plugin-react-hooks-extra/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-hooks-extra",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's ESLint plugin for React Hooks related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-naming-convention/package.json b/packages/plugins/eslint-plugin-react-naming-convention/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-naming-convention",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's ESLint plugin for naming convention related rules.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-web-api/package.json b/packages/plugins/eslint-plugin-react-web-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-web-api",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's ESLint plugin for interacting with Web APIs",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-x/package.json b/packages/plugins/eslint-plugin-react-x/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-x",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "A set of composable ESLint rules for for libraries and frameworks that use React as a UI runtime.",
   "keywords": [
     "react",
diff --git a/packages/plugins/eslint-plugin-react-x/src/rules/no-forward-ref.spec.ts b/packages/plugins/eslint-plugin-react-x/src/rules/no-forward-ref.spec.ts
@@ -5,6 +5,20 @@ import rule, { RULE_NAME } from "./no-forward-ref";
 
 ruleTester.run(RULE_NAME, rule, {
   invalid: [
+    {
+      // Not safe to fix because the import source is "not-react"
+      code: tsx`
+        import { forwardRef } from "not-react"
+
+        forwardRef(() => null)
+      `,
+      errors: [{ messageId: "noForwardRef" }],
+      settings: {
+        "react-x": {
+          version: "19.0.0",
+        },
+      },
+    },
     {
       code: tsx`
         import { forwardRef } from 'react'
diff --git a/packages/plugins/eslint-plugin-react-x/src/rules/no-forward-ref.ts b/packages/plugins/eslint-plugin-react-x/src/rules/no-forward-ref.ts
@@ -51,15 +51,38 @@ export function create(context: RuleContext<MessageID, []>): RuleListener {
         return;
       }
       const id = AST.getFunctionId(node);
+      const fix = canFix(context, node) ? getFix(context, node) : null;
       context.report({
         messageId: "noForwardRef",
         node: id ?? node,
-        fix: getFix(context, node),
+        fix,
       });
     },
   };
 }
 
+/**
+ * Determines whether the given CallExpression can be safely auto-fixed by replacing
+ * the usage of `forwardRef` with passing `ref` as a prop.
+ *
+ * @param context - The rule context object.
+ * @param node - The CallExpression node to check.
+ * @returns True if the call can be auto-fixed, false otherwise.
+ */
+function canFix(context: RuleContext, node: TSESTree.CallExpression) {
+  const { importSource } = getSettingsFromContext(context);
+  const initialScope = context.sourceCode.getScope(node);
+  switch (node.callee.type) {
+    case T.Identifier:
+      return ER.isInitializedFromReact(node.callee.name, importSource, initialScope);
+    case T.MemberExpression:
+      return node.callee.object.type === T.Identifier
+        && ER.isInitializedFromReact(node.callee.object.name, importSource, initialScope);
+    default:
+      return false;
+  }
+}
+
 function getFix(context: RuleContext, node: TSESTree.CallExpression): (fixer: RuleFixer) => RuleFix[] {
   return (fixer) => {
     const [componentNode] = node.arguments;
diff --git a/packages/plugins/eslint-plugin/package.json b/packages/plugins/eslint-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/eslint-plugin",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "A unified plugin that combines all individual plugins from the eslint-react monorepo into one.",
   "keywords": [
     "react",
diff --git a/packages/shared/package.json b/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/shared",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's Shared constants and functions.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/ast/package.json b/packages/utilities/ast/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/ast",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's TSESTree AST utility module.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/eff/package.json b/packages/utilities/eff/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/eff",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "JavaScript and TypeScript utilities (previously some re-exports of the effect library).",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/kit/package.json b/packages/utilities/kit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/kit",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's plugin kit for building plugins and rules.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/packages/utilities/var/package.json b/packages/utilities/var/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/var",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "ESLint React's TSESTree AST utility module for static analysis of variables.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@eslint-react/core",`
`3`		`- "version": "2.0.0-beta.29",`
	`3`	`+ "version": "2.0.0-beta.30",`
`4`	`4`	`"description": "ESLint React's ESLint utility module for static analysis of React core APIs and patterns.",`
`5`	`5`	`"homepage": "https://github.com/Rel1cx/eslint-react",`
`6`	`6`	`"bugs": {`