UNPKG

@patternfly/react-core

Version:

This library provides a set of common React components for use with the PatternFly reference implementation.

25 lines (20 loc) 698 B
/** This is a custom React hook in a format suggest by Dan Abramov in a blog post here: * https://overreacted.io/making-setinterval-declarative-with-react-hooks/. It allows setInterval to be used * declaratively in functional React components. */ import { useEffect, useRef } from 'react'; export function useInterval(callback: () => void, delay: number | null) { const savedCallback = useRef(() => {}); useEffect(() => { savedCallback.current = callback; }, [callback]); useEffect(() => { function tick() { savedCallback.current(); } if (delay !== null) { const id = setInterval(tick, delay); return () => clearInterval(id); } }, [delay]); }