perf(plugins/dom): improve pref of 'no-children-in-void-dom-elements'

Author: Rel1cx

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

@@ -39,62 +39,6 @@ ruleTester.run(RULE_NAME, rule, {
         },
       ],
     },
-    {
-      code: /* tsx */ `<PolyComponent as="br">Foo</PolyComponent>;`,
-      errors: [
-        {
-          messageId: "noChildrenInVoidDomElements",
-          data: { element: "br" },
-        },
-      ],
-      settings: {
-        "react-x": {
-          polymorphicPropName: "as",
-        },
-      },
-    },
-    {
-      code: /* tsx */ `<PolyComponent as="br" children="Foo" />;`,
-      errors: [
-        {
-          messageId: "noChildrenInVoidDomElements",
-          data: { element: "br" },
-        },
-      ],
-      settings: {
-        "react-x": {
-          polymorphicPropName: "as",
-        },
-      },
-    },
-    {
-      code: /* tsx */ `<PolyComponent as="img" {...props} children="Foo" />;`,
-      errors: [
-        {
-          messageId: "noChildrenInVoidDomElements",
-          data: { element: "img" },
-        },
-      ],
-      settings: {
-        "react-x": {
-          polymorphicPropName: "as",
-        },
-      },
-    },
-    {
-      code: /* tsx */ `<PolyComponent as="br" dangerouslySetInnerHTML={{ __html: "Foo" }} />;`,
-      errors: [
-        {
-          messageId: "noChildrenInVoidDomElements",
-          data: { element: "br" },
-        },
-      ],
-      settings: {
-        "react-x": {
-          polymorphicPropName: "as",
-        },
-      },
-    },
   ],
   valid: [
     ...allValid,

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

@@ -1,4 +1,3 @@
-import { getElementRepresentName } from "@eslint-react/core";
 import * as JSX from "@eslint-react/jsx";
 import { O } from "@eslint-react/tools";
 import type { CamelCase } from "string-ts";
@@ -44,7 +43,7 @@ export default createRule<[], MessageID>({
   create(context) {
     return {
       JSXElement(node) {
-        const elementName = getElementRepresentName(node.openingElement, context);
+        const elementName = JSX.getElementName(node.openingElement);
         if (!elementName || !voidElements.includes(elementName)) return;
         if (node.children.length > 0) {
           context.report({