From 2ae8355f59893da5d5f9185e7d53f8d78bb3dd8a Mon Sep 17 00:00:00 2001 From: Jari Vetoniemi Date: Fri, 6 Nov 2020 10:54:39 +0900 Subject: Add useDebounce for future use --- src/utils.js | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'src/utils.js') 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; +} -- cgit v1.2.3