From b17557c575f3d1465087c071d72c00a7e5a56a1e Mon Sep 17 00:00:00 2001
From: NoodleOfDeath <thom@noodleofdeath.com>
Date: Tue, 4 Jul 2023 15:15:00 -0400
Subject: [PATCH] fix: fix for unreactive react keys

---
 src/components/menu/MenuItems.tsx | 2 +-
 src/components/menu/types.d.ts    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/menu/MenuItems.tsx b/src/components/menu/MenuItems.tsx
index bef7a30..6b48188 100644
--- a/src/components/menu/MenuItems.tsx
+++ b/src/components/menu/MenuItems.tsx
@@ -11,7 +11,7 @@ const MenuItemsComponent = ({ items }: { items: MenuItemProps[] }) => {
       {items.map((item: MenuItemProps, index: number) => {
         return (
           <MenuItem
-            key={index}
+            key={item.key}
             item={item}
             isLast={items.length === index + 1}
           />
diff --git a/src/components/menu/types.d.ts b/src/components/menu/types.d.ts
index 514e5c9..3cddd4b 100644
--- a/src/components/menu/types.d.ts
+++ b/src/components/menu/types.d.ts
@@ -1,6 +1,7 @@
 import { TransformOriginAnchorPosition } from '../../utils/calculations';
 
 export type MenuItemProps = {
+  key: string;
   text: string;
   icon?: string | (() => React.ReactElement);
   onPress?: (...args: any[]) => void;