fix(sidebar): fix key warning

vtexdocs · Apr 28, 2022 · 9dae009 · 9dae009
1 parent fe8d0ab
commit 9dae009
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/sidebar/index.tsx b/src/components/sidebar/index.tsx
@@ -221,7 +221,7 @@ const Sidebar = () => {
 
   const SideBarIcon = (iconElement: DocDataElement | UpdatesDataElement) => {
     return (
-      <Link href={iconElement.link} key={`sidebar-icon-${iconElement.title}`}>
+      <Link href={iconElement.link}>
         <a
           onClick={() => {
             setActiveSectionName(iconElement.title)
@@ -252,12 +252,18 @@ const Sidebar = () => {
       <Flex sx={styles.sidebarIcons}>
         <Flex sx={styles.sidebarIconsContainer}>
           {docsIcons.map((docsIconElement) => (
-            <SideBarIcon {...docsIconElement} />
+            <SideBarIcon
+              {...docsIconElement}
+              key={`sidebar-icon-${docsIconElement.title}`}
+            />
           ))}
         </Flex>
         <Flex sx={styles.sidebarIconsContainer}>
           {notesIcons.map((notesIconElement) => (
-            <SideBarIcon {...notesIconElement} />
+            <SideBarIcon
+              {...notesIconElement}
+              key={`sidebar-icon-${notesIconElement.title}`}
+            />
           ))}
         </Flex>
       </Flex>