From 8c645885ddfcf66124203ee4ec87a91cd68e0763 Mon Sep 17 00:00:00 2001
From: Cheton Wu <cheton@gmail.com>
Date: Tue, 24 Sep 2024 15:28:00 +0800
Subject: [PATCH] docs: resolve duplicate `key` prop errors in side navigation
 menu

---
 packages/react-docs/components/Sidebar.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-docs/components/Sidebar.js b/packages/react-docs/components/Sidebar.js
index 27c8e416b1..1fafadcaf6 100644
--- 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}