feat: support React Strict Dom elements (html.div, etc)

Author: mdjastrzebski

lib/rules/forbid-dom-props.js

@@ -96,9 +96,12 @@ module.exports = {
 
     return {
       JSXAttribute(node) {
-        const tag = node.parent.name.name;
-        if (!(tag && typeof tag === 'string' && tag[0] !== tag[0].toUpperCase())) {
-          // This is a Component, not a DOM node, so exit.
+        const parentName = node.parent.name;
+        // Extract a component name when using a "namespace", e.g. `<htmo.div />`.
+        const tag = parentName.name || `${parentName.object.name}.${parentName.property.name}`;
+        const componentName = parentName.name || parentName.property.name;
+        const isDomNode = componentName && typeof componentName[0] === 'string' && componentName[0] !== componentName[0].toUpperCase();
+        if (!isDomNode) {
           return;
         }
 

tests/lib/rules/forbid-dom-props.js

@@ -324,5 +324,22 @@ ruleTester.run('forbid-dom-props', rule, {
         },
       ],
     },
+    {
+      code: `
+        const First = (props) => (
+          <html.div id="foo" />
+        );
+      `,
+      options: [{ forbid: ['id'] }],
+      errors: [
+        {
+          messageId: 'propIsForbidden',
+          data: { prop: 'id' },
+          line: 3,
+          column: 16,
+          type: 'JSXAttribute',
+        },
+      ],
+    },
   ]),
 });