From 4624ae93663f4f70b4f5d69b0209d2695111894d Mon Sep 17 00:00:00 2001
From: Efe <dogukankrskl@gmail.com>
Date: Wed, 12 Nov 2025 16:24:05 +0100
Subject: [PATCH] fix: headings having duplicate keys (#8348)

* fix: fix headings having duplicate keys

* ci: don't mind me triggering the ci
---
 packages/ui-components/src/Containers/MetaBar/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui-components/src/Containers/MetaBar/index.tsx b/packages/ui-components/src/Containers/MetaBar/index.tsx
index ad1e4cf4eda78..8b994d84a4138 100644
--- a/packages/ui-components/src/Containers/MetaBar/index.tsx
+++ b/packages/ui-components/src/Containers/MetaBar/index.tsx
@@ -49,12 +49,12 @@ const MetaBar: FC<MetaBarProps> = ({
               <ol>
                 {filteredHeadings.map(head => (
                   <li
-                    key={head.value}
+                    key={head.data?.id}
                     className={
                       head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : ''
                     }
                   >
-                    <Component href={`#${head?.data?.id}`}>
+                    <Component href={`#${head.data?.id}`}>
                       {' '}
                       {head.value}
                     </Component>