fix: default value if mode single or multiple

src/components/ListVirtual.jsx

@@ -121,51 +121,58 @@ export default function ListVirtual({
     }
   }, [open]);
 
-  const fetchById = async (id) => {
+  const fetchDefaultValue = async (value) => {
     setLoading(true);
 
-    const payload = new FilterTableBuilder()
-      .setPaging(0, 1)
-      .equal("id", id);
+    const payload = new FilterTableBuilder().setPaging(0, lengthData);
+
+    if (multiple) {
+      payload.in("id", value);        // value = [1,2,3]
+    } else {
+      payload.equal("id", value);     // value = 1
+    }
 
     try {
       const res = await apiRequest.search(
-				url, 
-				payload.build(),
+        url,
+        payload.build(),
         {
-          headers: headersRequest
+          headers: headersRequest,
         },
         isApiGo,
-			);
+      );
 
-      const data = res.data?.[0];
+      const data = res.data || [];
 
-      if (data) {
-        setSelected(data);
-      }
+      setSelected(multiple ? data : data[0] || null);
     } catch (err) {
       console.error(err);
+    } finally {
+      setLoading(false);
     }
-
-    setLoading(false);
   };
 
   useEffect(() => {
-    if (!defaultValue) return;
+    if (defaultValue == null) return;
 
-    if (multiple) {
-      if (Array.isArray(defaultValue)) {
-        setSelected(defaultValue);
-      } else {
-        setSelected([defaultValue]);
-      }
-    } else {
-      if (Array.isArray(defaultValue)) {
-        setSelected(defaultValue[0] || null);
-      } else {
+    // Already object(s)
+    if (typeof defaultValue === "object") {
+      if (multiple) {
+        if (
+          Array.isArray(defaultValue) &&
+          defaultValue.length &&
+          typeof defaultValue[0] === "object"
+        ) {
+          setSelected(defaultValue);
+          return;
+        }
+      } else if (!Array.isArray(defaultValue)) {
         setSelected(defaultValue);
+        return;
       }
     }
+
+    fetchDefaultValue(defaultValue);
   }, [defaultValue, multiple]);
 
   const handleSelect = (row) => {