diff --git a/packages/web/components/common/MySelect/MultipleSelect.tsx b/packages/web/components/common/MySelect/MultipleSelect.tsx index ff2ef80c6..ae319bc54 100644 --- a/packages/web/components/common/MySelect/MultipleSelect.tsx +++ b/packages/web/components/common/MySelect/MultipleSelect.tsx @@ -21,6 +21,7 @@ import { useTranslation } from 'next-i18next'; import type { useScrollPagination } from '../../../hooks/useScrollPagination'; import MyDivider from '../MyDivider'; import { shadowLight } from '../../../styles/theme'; +import { isArray } from 'lodash'; const menuItemStyles: MenuItemProps = { borderRadius: 'sm', @@ -100,6 +101,7 @@ const MultipleSelect = ({ const [overflowItems, setOverflowItems] = useState([]); const selectedItems = useMemo(() => { + if (!value || !isArray(value)) return []; return value.map((val) => { const listItem = list.find((item) => item.value === val); return listItem || { value: val, label: String(val) };