diff --git a/packages/ui/components/DropdownMenu.tsx b/packages/ui/components/DropdownMenu.tsx
index aef664450..5c36d8425 100644
--- a/packages/ui/components/DropdownMenu.tsx
+++ b/packages/ui/components/DropdownMenu.tsx
@@ -55,8 +55,8 @@ export const DropdownMenu: FunctionComponent<DropdownMenuProps> = ({
       <RadixDropdownMenu.Portal>
         <RadixDropdownMenu.Content className="min-w-[220px] bg-gray-950 rounded-md p-2.5 shadow" sideOffset={5} side={side} align={align}>
           {
-            items.map((item, index) => (
-              <DropdownMenuItemComponent key={index} item={item} />
+            items.map((item) => (
+              <DropdownMenuItemComponent key={+item} item={item} />
             ))
           }
           <RadixDropdownMenu.Arrow className="fill-gray-950" />