From a87bee7c16790091e7aa61a8ec7b03f06e9406d7 Mon Sep 17 00:00:00 2001
From: Christian Benseler <christian.benseler@gympass.com>
Date: Fri, 18 Aug 2023 17:12:51 +0100
Subject: [PATCH 1/2] docs: added unique key to list child elements

---
 packages/doc/content/components/icons/icons-web.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/doc/content/components/icons/icons-web.mdx b/packages/doc/content/components/icons/icons-web.mdx
index c4b805a24e..f7b15daa9b 100644
--- a/packages/doc/content/components/icons/icons-web.mdx
+++ b/packages/doc/content/components/icons/icons-web.mdx
@@ -20,8 +20,8 @@ Remembering that icon groups are `objects` you can work with.
   <FlagsIcons.FlagBrazil width={26} height={26} />
 
   <Box d="flex" gap="small">
-    {Object.entries(FlagsIcons).map(([_, Component]) => (
-      <Component width={26} height={26} />
+    {Object.entries(FlagsIcons).map(([name, Component]) => (
+      <Component width={26} height={26} key={name} />
     ))}
   </Box>
 </Box>

From 3a62b45b847244bd1bd256c854059cf1eaffc482 Mon Sep 17 00:00:00 2001
From: Christian Benseler <christian.benseler@gympass.com>
Date: Fri, 18 Aug 2023 17:29:50 +0100
Subject: [PATCH 2/2] docs: refactor chevron rotate to styled component new
 attrs syntax

---
 packages/doc/src/components/Navigation/Navigation.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/doc/src/components/Navigation/Navigation.jsx b/packages/doc/src/components/Navigation/Navigation.jsx
index 9608933f69..898fcbf5c1 100644
--- a/packages/doc/src/components/Navigation/Navigation.jsx
+++ b/packages/doc/src/components/Navigation/Navigation.jsx
@@ -83,9 +83,9 @@ const StyledList = styled(MDXElements.Ul)`
   width: 100%;
 `;
 
-const ChevronContainer = styled.div.attrs({
-  rotation: props => (props.isOpen ? 180 : 0),
-})`
+const ChevronContainer = styled.div.attrs(props => ({
+  rotation: props.isOpen ? 180 : 0,
+}))`
   > svg {
     width: 0.6rem;
     transition: all 200ms ease-out;