diff options
Diffstat (limited to 'src/hooks/interval.js')
-rw-r--r-- | src/hooks/interval.js | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/hooks/interval.js b/src/hooks/interval.js new file mode 100644 index 0000000..78f6e7b --- /dev/null +++ b/src/hooks/interval.js @@ -0,0 +1,26 @@ +import { useEffect, useRef } from "react"; + +const useInterval = (callback, interval, immediate) => { + const ref = useRef(); + useEffect(() => { + ref.current = callback; + }, [callback]); + + useEffect(() => { + let cancelled = false; + + const fn = () => { + ref.current(() => cancelled); + }; + + const id = setInterval(fn, interval); + if (immediate) fn(); + + return () => { + cancelled = true; + clearInterval(id); + }; + }, [interval, immediate]); + }; + + export default useInterval; |