<pre class="shiki github-dark shaku"><code>import { useRef, useEffect } from 'react'export function usePrevious&lt;T&gt;(value: T): T | undefined { // your code here const ref = useRef&lt;T | undefined&gt;(undefined); useEffect(() =&gt; { ref.current = value; }, [value]); return ref.current;}// if you want to try your code on the right panel// remember to export App() component like below// export function App() {// return &lt;div&gt;your app&lt;/div&gt;// }</code></pre>

simple solution with useRef case

Create a hook usePrevious() to return the previous value, with initial previous value of undefined.…