🐛 Update DropdownList key prop to use getItemValue

Closes #1804
baptisteArno · Sep 25, 2024 · c54e674 · c54e674
1 parent 32690cb
commit c54e674
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/apps/builder/src/components/DropdownList.tsx b/apps/builder/src/components/DropdownList.tsx
@@ -109,7 +109,7 @@ export const DropdownList = <T extends Item>({
             <Stack maxH={"35vh"} overflowY="auto" spacing="0">
               {items.map((item) => (
                 <MenuItem
-                  key={item as unknown as string}
+                  key={getItemValue(item)}
                   maxW="500px"
                   overflow="hidden"
                   whiteSpace="nowrap"
@@ -133,3 +133,8 @@ const getItemLabel = (item?: Item) => {
   if (typeof item === "object") return item.label;
   return item;
 };
+
+const getItemValue = (item: Item) => {
+  if (typeof item === "object") return item.value;
+  return item;
+};