sendou.ink/app/hooks/useAutoRerender.ts

import * as React from "react";

/** Forces the component to rerender periodically*/
export function useAutoRerender(every?: "second" | "ten seconds") {
	const [, setNow] = React.useState(new Date().getTime());

	React.useEffect(() => {
		const intervalTime = !every || every === "second" ? 1000 : 10000;

		const interval = setInterval(() => {
			setNow(new Date().getTime());
		}, intervalTime);

		return () => {
			clearInterval(interval);
		};
	}, [every]);
}