ui: fix hover highlighting 2 items in menu

2025-12-29 00:20:04 +01:00 · 2024-02-13 11:18:47 +05:00
parent 63fd526db8
commit 29d0f40c1a
1 changed files with 7 additions and 1 deletions
--- 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":