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