Only allow JSXAttribute types in the attribute check in isInteractiveElement and isInteractiveRole utils

Author: jessebeach

src/util/isInteractiveElement.js

@@ -43,10 +43,13 @@ const pureInteractiveRoleElements = [...elementRoles.entries()]
         elementAttributes.length === 0 ||
         elementAttributes.every(
           (controlAttr): boolean => attributes.some(
-            (attr): boolean => (
-              controlAttr.name === propName(attr).toLowerCase()
-              && controlAttr.value === getLiteralPropValue(attr)
-            ),
+            (attr): boolean => {
+              if (attr.type !== 'JSXAttribute') {
+                return false;
+              }
+              return controlAttr.name === propName(attr).toLowerCase()
+                && controlAttr.value === getLiteralPropValue(attr);
+            },
           ),
         );
       // [].some is used here because some elements are associated with both

src/util/isNonInteractiveElement.js

@@ -44,10 +44,13 @@ const pureNonInteractiveElements = [...elementRoles.entries()]
         elementAttributes.length === 0 ||
         elementAttributes.every(
           (controlAttr): boolean => attributes.some(
-            (attr): boolean => (
-              controlAttr.name === propName(attr).toLowerCase()
-              && controlAttr.value === getLiteralPropValue(attr)
-            ),
+            (attr): boolean => {
+              if (attr.type !== 'JSXAttribute') {
+                return false;
+              }
+              return controlAttr.name === propName(attr).toLowerCase()
+                && controlAttr.value === getLiteralPropValue(attr);
+            },
           ),
         );
       return passedAttrCheck && [...roleSet.keys()].every(