fix: allow string style prop on non-host elements in dom/no-string-style-prop, closes #1217 (#1222)

Author: Rel1cx

packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.spec.ts

@@ -54,5 +54,10 @@ ruleTester.run(RULE_NAME, rule, {
         return <div style={someStyle} />;
       }
     `,
+    tsx`
+      function Component() {
+        return <StatusBar style="auto" />;
+      }
+    `,
   ],
 });

packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.ts

@@ -31,6 +31,7 @@ export default createRule<[], MessageID>({
 export function create(context: RuleContext<MessageID, []>): RuleListener {
   return {
     JSXElement(node) {
+      if (!ER.isHostElement(context, node)) return;
       const getAttribute = ER.getAttribute(context, node.openingElement.attributes, context.sourceCode.getScope(node));
       const attribute = getAttribute("style");
       if (attribute == null) return;