Fix error when style attribute is not an object

green-code-initiative · Aug 17, 2023 · 2879047 · 2879047
1 parent 962e05a
commit 2879047
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/eslint-plugin/lib/rules/avoid-css-animations.js b/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) =>

diff --git a/eslint-plugin/tests/lib/rules/avoid-css-animations.js b/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: [