From f41e3ffc689c0415fa05537441f31c35583f298e Mon Sep 17 00:00:00 2001
From: Finley Ge <32237950+FinleyGe@users.noreply.github.com>
Date: Tue, 19 Aug 2025 14:32:58 +0800
Subject: [PATCH] fix: multiple select value type when empty string does not
 have map function (#5487)

---
 packages/web/components/common/MySelect/MultipleSelect.tsx | 2 ++
 1 file changed, 2 insertions(+)

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 = <T = any,>({
   const [overflowItems, setOverflowItems] = useState<SelectedItemType[]>([]);
 
   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) };