Rocket.Chat/apps/meteor/client/stories/hooks/useAutoSequence.ts

import { useEffect, useState } from 'react';

export const useAutoSequence = <P>(sequence: readonly P[], delay = 700): P => {
	const [index, setIndex] = useState(0);

	useEffect(() => {
		const timer = setInterval(() => setIndex((index) => index + 1), delay);

		return (): void => {
			clearInterval(timer);
		};
	}, [delay]);

	return sequence[index % sequence.length];
};