Fix error when style attribute is not an object

Author: utarwyn

eslint-plugin/lib/rules/avoid-css-animations.js

@@ -38,7 +38,7 @@ module.exports = {
           (attribute) => attribute.name.name === "style",
         );
 
-        if (styleAttribute != null) {
+        if (styleAttribute && styleAttribute.value.expression) {
           // To prevent (for example) <div style={{ animate: 'width 2s' }}>
           const property = styleAttribute.value.expression.properties.find(
             (prop) =>

eslint-plugin/tests/lib/rules/avoid-css-animations.js

@@ -50,6 +50,7 @@ ruleTester.run("avoid-css-animations", rule, {
     export default MyComponent;
     `,
     `<div style={{ width: '100px', height: '100px' }}>Hello world</div>`,
+    `<div style="border: 2px solid red">My red element</div>`,
   ],
 
   invalid: [