Fix primefaces#5490: useDebounce fixed

components/lib/hooks/useDebounce.js

@@ -1,16 +1,31 @@
 import * as React from 'react';
-import { useTimeout } from './useTimeout';
+import { useMountEffect, useUnmountEffect } from './Hooks';
 
 export const useDebounce = (initialValue, delay) => {
     const [inputValue, setInputValue] = React.useState(initialValue);
     const [debouncedValue, setDebouncedValue] = React.useState(initialValue);
-    const timeout = useTimeout(
-        () => {
+    const mountedRef = React.useRef(false);
+    const timeoutRef = React.useRef(null);
+    const cancelTimer = () => window.clearTimeout(timeoutRef.current);
+
+    useMountEffect(() => {
+        mountedRef.current = true;
+    });
+
+    useUnmountEffect(() => {
+        cancelTimer();
+    });
+
+    React.useEffect(() => {
+        if (!mountedRef.current) {
+            return;
+        }
+
+        cancelTimer();
+        timeoutRef.current = window.setTimeout(() => {
             setDebouncedValue(inputValue);
-        },
-        delay,
-        inputValue !== debouncedValue
-    );
+        }, delay);
+    }, [inputValue, delay]);
 
     return [inputValue, debouncedValue, setInputValue];
 };