useTimeout.js

export default function useTimeout() {
	const ids = useRef([]);

	React.useEffect(() => {
		const cleanupTimeouts = () => {
			ids.current.forEach(clearTimeout);
		};

		return cleanupTimeouts;
	}, []);

	// setTimeout takes a callback and a delay, then returns the id associated with the timeout.
	return useCallback((callback, delay) => {
		const id = setTimeout(callback, delay);

		ids.current.push(id);

		return id;
	}, []);
}