<pre class="shiki github-dark shaku"><code>import React, { useEffect, useRef } from 'react';export function useTimeout(callback: () =&gt; void, delay: number) { const callbackRef = useRef(callback); const timer = useRef(0); useEffect(() =&gt; { callbackRef.current = callback; }, [callback]) useEffect(() =&gt; { clearTimeout(timer.current); timer.current = setTimeout(() =&gt; callbackRef.current(), delay) return () =&gt; clearTimeout(timer.current); }, [delay])}// if you want to try your code on the right panel// remember to export App() component like belowexport function App() { return &lt;div&gt;your app&lt;/div&gt;}</code></pre>

the most thorough and accurate answer(need to clear timeout once delay changed)

TikTok

Create a hook to easily use setTimeout(callback, delay). 1. reset the timer if delay changes 2. DO NOT reset the timer if only callback changes…