Add useDebounce for future use

1 files changed, 9 insertions, 0 deletions

diff --git a/src/utils.js b/src/utils.js
index 8e0bd02..3c072fa 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -14,3 +14,12 @@ export function useWindowDimensions() {
    }, []);
    return windowDimensions;
 }
+
+export function useDebounce(value, delay) {
+   const [debouncedValue, setDebouncedValue] = useState(value);
+   useEffect(() => {
+      const handler = setTimeout(() => setDebouncedValue(value), delay);
+      return () => clearTimeout(handler);
+   }, [value, delay]);
+   return debouncedValue;
+}