From 73e03dd0c400bac589b661d1836208eb80117a54 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charles@twenty.com>
Date: Thu, 14 Dec 2023 14:41:51 +0100
Subject: [PATCH] Fix bug IconPicker

---
 .../ui/input/components/IconPicker.tsx        | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx
index 64ae26ddf..1d3961d22 100644
--- a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx
@@ -95,18 +95,20 @@ export const IconPicker = ({
   const { closeDropdown } = useDropdown({ dropdownScopeId });
 
   const { getIcons, getIcon } = useIcons();
-  const { icons } = getIcons();
+  const icons = getIcons();
 
   const iconKeys = useMemo(() => {
-    const filteredIconKeys = Object.keys(icons).filter((iconKey) => {
-      return (
-        iconKey !== selectedIconKey &&
-        (!searchString ||
-          [iconKey, convertIconKeyToLabel(iconKey)].some((label) =>
-            label.toLowerCase().includes(searchString.toLowerCase()),
-          ))
-      );
-    });
+    const filteredIconKeys = icons
+      ? Object.keys(icons).filter((iconKey) => {
+          return (
+            iconKey !== selectedIconKey &&
+            (!searchString ||
+              [iconKey, convertIconKeyToLabel(iconKey)].some((label) =>
+                label.toLowerCase().includes(searchString.toLowerCase()),
+              ))
+          );
+        })
+      : [];
 
     return (
       selectedIconKey