fix: debounce only when has value

lifinance · Jun 1, 2022 · 0a18dc2 · 0a18dc2
1 parent 8531863
commit 0a18dc2
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/packages/widget/src/hooks/useDebouncedWatch.ts b/packages/widget/src/hooks/useDebouncedWatch.ts
@@ -10,10 +10,17 @@ export const useDebouncedWatch = (name: any, delay: number) => {
 
   useEffect(() => {
     if (isMounted.current) {
-      const handler = setTimeout(() => {
-        setDebouncedValue(watchedValue);
-      }, delay);
-      return () => clearTimeout(handler);
+      const hasWatchedValue = Array.isArray(watchedValue)
+        ? watchedValue.some((value) => value)
+        : watchedValue;
+      if (hasWatchedValue) {
+        const handler = setTimeout(() => {
+          setDebouncedValue(watchedValue);
+        }, delay);
+        return () => clearTimeout(handler);
+      }
+      setDebouncedValue(watchedValue);
+      return undefined;
     }
     isMounted.current = true;
     return undefined;