UseTimeout

1'use client';
2 
3import { useEffect, useRef } from 'react';
4 
5export function useTimeout(callback: () => void, delay: number | null): void {
6  const savedCallback = useRef(callback);
7 
8  // Remember the latest callback if it changes
9  useEffect(() => {
10    savedCallback.current = callback;
11  }, [callback]);
12 
13  // Set up the timeout
14  useEffect(() => {
15    if (delay === null) {
16      return;
17    }
18 
19    const id = setTimeout(() => {
20      savedCallback.current();
21    }, delay);
22 
23    return () => clearTimeout(id);
24  }, [delay]);
25}