docs: resolve duplicate key prop errors in side navigation menu

trendmicro-frontend · Sep 24, 2024 · 8c64588 · 8c64588
1 parent c28dfe7
commit 8c64588
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react-docs/components/Sidebar.js b/packages/react-docs/components/Sidebar.js
@@ -208,7 +208,7 @@ const Sidebar = forwardRef((
                         if (heading) {
                           return (
                             <Text
-                              key={title}
+                              key={`${sectionTitle} > ${title}`}
                               color={colorStyle?.color?.tertiary}
                               fontSize="xs"
                               lineHeight="xs"
@@ -231,7 +231,7 @@ const Sidebar = forwardRef((
 
                         return (
                           <NavLink
-                            key={title}
+                            key={path}
                             data-path={path}
                             data-track={`SideMenu|click_menu_item|${x({ path: navigateTo, title: [sectionTitle, title].join(' > ') })}`}
                             isActive={isActive}