useTimeout.js

function useTimeout() {
	const ids = React.useRef([]);

	React.useEffect(() => () => ids.current.forEach(clearTimeout), []);

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

		ids.current.push(id);

		return id;
	}, []);

	return _setTimeout;
}

useTimeoutCleanup.js

function useSetTimeoutCleanup() {
	const ids = React.useRef([]);

	React.useEffect(() => () => ids.current.forEach(clearTimeout), []);

	const withCleanup = React.callback(id => {
		ids.current.push(id);
		return id;
	}, []);

	return withCleanup;
}