release: 2.0.0-next.20

Author: Rel1cx

.pkgs/configs/package.json

@@ -23,7 +23,7 @@
     "@stylistic/eslint-plugin": "^4.2.0",
     "eslint-plugin-de-morgan": "^1.2.1",
     "eslint-plugin-function": "^0.0.21",
-    "eslint-plugin-jsdoc": "^50.6.14",
+    "eslint-plugin-jsdoc": "^50.6.17",
     "eslint-plugin-perfectionist": "^4.13.0",
     "eslint-plugin-regexp": "^2.7.0",
     "eslint-plugin-unicorn": "^59.0.1",

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

@@ -33,7 +33,7 @@
     "@typescript-eslint/types": "^8.32.1",
     "@typescript-eslint/utils": "^8.32.1",
     "eslint-plugin-de-morgan": "^1.2.1",
-    "eslint-plugin-jsdoc": "^50.6.14",
+    "eslint-plugin-jsdoc": "^50.6.17",
     "eslint-plugin-perfectionist": "^4.13.0",
     "eslint-plugin-regexp": "^2.7.0",
     "eslint-plugin-unicorn": "^59.0.1",

VERSION

@@ -1 +1 @@
-2.0.0-next.19
+2.0.0-next.20

apps/website/package.json

@@ -20,12 +20,12 @@
     "fumadocs-twoslash": "3.1.2",
     "fumadocs-typescript": "4.0.3",
     "fumadocs-ui": "15.3.0",
-    "lucide-react": "^0.510.0",
+    "lucide-react": "^0.511.0",
     "next": "^15.3.2",
     "next-view-transitions": "^0.3.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "shiki": "^3.4.1",
+    "shiki": "^3.4.2",
     "tailwind-merge": "^3.3.0",
     "twoslash": "^0.3.1"
   },
@@ -37,7 +37,7 @@
     "@eslint/markdown": "^6.4.0",
     "@local/configs": "workspace:*",
     "@mdx-js/mdx": "^3.1.0",
-    "@tailwindcss/postcss": "^4.1.6",
+    "@tailwindcss/postcss": "^4.1.7",
     "@theguild/remark-mermaid": "^0.3.0",
     "@tsconfig/next": "^2.0.3",
     "@tsconfig/node22": "^22.0.1",
@@ -58,7 +58,7 @@
     "eslint-plugin-unicorn": "^59.0.1",
     "importx": "^0.5.2",
     "postcss": "^8.5.3",
-    "tailwindcss": "^4.1.6",
+    "tailwindcss": "^4.1.7",
     "tailwindcss-animated": "^2.0.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.1"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/monorepo",
-  "version": "2.0.0-next.19",
+  "version": "2.0.0-next.20",
   "private": true,
   "description": "Monorepo for eslint-plugin-react-[x, dom, web-api, naming-convention].",
   "keywords": [
@@ -73,7 +73,7 @@
     "eslint-config-flat-gitignore": "^2.1.0",
     "eslint-plugin-vitest": "^0.5.4",
     "jiti": "^2.4.2",
-    "lefthook": "^1.11.12",
+    "lefthook": "^1.11.13",
     "markdownlint": "^0.38.0",
     "nx": "20.8.1",
     "publint": "^0.3.12",
@@ -112,7 +112,7 @@
       "@types/react-dom": "^19.1.5",
       "cross-spawn": "^7.0.6",
       "esbuild": "^0.25.4",
-      "lucide-react": "^0.510.0",
+      "lucide-react": "^0.511.0",
       "next": "^15.3.2",
       "react": "^19.1.0",
       "react-dom": "^19.1.0",

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/core",
-  "version": "2.0.0-next.19",
+  "version": "2.0.0-next.20",
   "description": "ESLint React's ESLint utility module for static analysis of React core APIs and patterns.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {

packages/plugins/eslint-plugin-react-debug/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-debug",
-  "version": "2.0.0-next.19",
+  "version": "2.0.0-next.20",
   "description": "ESLint React's ESLint plugin for debugging related rules.",
   "keywords": [
     "react",

packages/plugins/eslint-plugin-react-dom/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "2.0.0-next.19",
+  "version": "2.0.0-next.20",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",

packages/plugins/eslint-plugin-react-dom/src/rules/no-void-elements-with-children.spec.ts

@@ -32,6 +32,20 @@ ruleTester.run(RULE_NAME, rule, {
         },
       ],
     },
+    {
+      code: tsx`<PolyComponent as="img" {...props} children="Foo" />;`,
+      errors: [
+        {
+          messageId: "noVoidElementsWithChildren",
+          data: { element: "img" },
+        },
+      ],
+      settings: {
+        "react-x": {
+          polymorphicPropName: "as",
+        },
+      },
+    },
     {
       code: tsx`<br dangerouslySetInnerHTML={{ __html: "Foo" }} />;`,
       errors: [
@@ -46,6 +60,14 @@ ruleTester.run(RULE_NAME, rule, {
     ...allValid,
     "<div>Foo</div>;",
     '<div children="Foo" />;',
+    {
+      code: tsx`<PolyComponent as="div" children="Foo" />;`,
+      settings: {
+        "react-x": {
+          polymorphicPropName: "as",
+        },
+      },
+    },
     '<div dangerouslySetInnerHTML={{ __html: "Foo" }} />;',
   ],
 });

packages/plugins/eslint-plugin-react-dom/src/rules/no-void-elements-with-children.ts

@@ -3,7 +3,7 @@ import type { RuleListener } from "@typescript-eslint/utils/ts-eslint";
 import type { CamelCase } from "string-ts";
 import * as ER from "@eslint-react/core";
 
-import { createRule } from "../utils";
+import { createJsxElementResolver, createRule } from "../utils";
 
 export const RULE_NAME = "no-void-elements-with-children";
 
@@ -49,9 +49,10 @@ export default createRule<[], MessageID>({
 });
 
 export function create(context: RuleContext<MessageID, []>): RuleListener {
+  const resolver = createJsxElementResolver(context);
   return {
     JSXElement(node) {
-      const elementName = ER.getElementType(context, node);
+      const { domElementType: elementName } = resolver.resolve(node);
       if (elementName.length === 0 || !voidElements.has(elementName)) {
         return;
       }