From 29d0f40c1a906f1a26be4d418fa06efd069fa16e Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Tue, 13 Feb 2024 11:18:47 +0500
Subject: [PATCH] ui: fix hover highlighting 2 items in menu

---
 packages/ui/src/components/menu/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/menu/index.tsx b/packages/ui/src/components/menu/index.tsx
index 94481122e..422a16396 100644
--- a/packages/ui/src/components/menu/index.tsx
+++ b/packages/ui/src/components/menu/index.tsx
@@ -96,7 +96,13 @@ export function Menu(props: MenuProps) {
 
           switch (item.type) {
             case "lazy-loader":
-              return <LazyLoader key={item.key} item={item} mapper={mapper} />;
+              return (
+                <LazyLoader
+                  key={item.key}
+                  item={item}
+                  mapper={(item, itemIndex) => mapper(item, itemIndex + index)}
+                />
+              );
             case "separator":
               return <MenuSeparator key={item.key} />;
             case "button":