useSwitchingInterval

useSwitchingInterval.ts

function useSwitchingInterval<Item>(items: readonly Item[], seconds = 2) {
	const [active, setActive] = useState(0)

	useEffect(() => {
		let timeout: null | NodeJS.Timeout = null

		const next = () => {
			setActive((a) => a + 1)
			timeout = setTimeout(next, seconds * 1000)
		}

		next()

		return () => {
			if (timeout) {
				clearTimeout(timeout)
			}
		}
	}, [seconds])

	return items[active % items.length]
}