useEffectでsetTimeoutの繰り返しを使う場合はuseEffectに任せて再帰呼び出しはしない - Qiita

例えば現在の時刻をリアルタイムに表示させたい場合、カスタムフック useWatch を作って、そこから更新され続ける time を受け取りたい。 const App: React.FC = () => { const time = useWatch(1000); return <span>{dayjs(time).format('HH:mm')}</span> }; import { useEffect, useState } from 'react'; export default function useWatch(interval: number) { const [time, updateTime] = useState(Date.now()); useEffect(() => { const timeoutId: number = setTimeout(() => updateT