From 1a9a495305c0fde47d7a620c4400a4bc9efa4451 Mon Sep 17 00:00:00 2001
From: Marija Najdova <mnajdova@gmail.com>
Date: Wed, 4 May 2022 16:09:50 +0200
Subject: [PATCH] prettier

---
 docs/pages/experiments/material-ui/icon.tsx | 12 +++++++-----
 packages/mui-material/src/Icon/Icon.js      |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/pages/experiments/material-ui/icon.tsx b/docs/pages/experiments/material-ui/icon.tsx
index 55eed9290914bf..3df008cba5e731 100644
--- a/docs/pages/experiments/material-ui/icon.tsx
+++ b/docs/pages/experiments/material-ui/icon.tsx
@@ -57,12 +57,14 @@ export default function CssVarsTemplate() {
               placeSelf: 'center',
             },
           }}
-        >   
-        {COLORS.map((color: string) => (
-          <Icon color={color as IconProps['color']}>star</Icon>
-        ))}
+        >
+          {COLORS.map((color: string) => (
+            <Icon key={`color-${color}`} color={color as IconProps['color']}>
+              star
+            </Icon>
+          ))}
         </Box>
       </Container>
     </CssVarsProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/mui-material/src/Icon/Icon.js b/packages/mui-material/src/Icon/Icon.js
index ee371d61092a1d..45713a8a0e130b 100644
--- a/packages/mui-material/src/Icon/Icon.js
+++ b/packages/mui-material/src/Icon/Icon.js
@@ -52,7 +52,7 @@ const IconRoot = styled('span', {
   // TODO v5 deprecate, v6 remove for sx
   color: {
     primary: (theme.vars || theme).palette.primary.main,
-    secondary:(theme.vars || theme).palette.secondary.main,
+    secondary: (theme.vars || theme).palette.secondary.main,
     info: (theme.vars || theme).palette.info.main,
     success: (theme.vars || theme).palette.success.main,
     warning: (theme.vars || theme).palette.warning.main,