Отложенный вызов

Хук useTimeout в React позволяет запускать функцию через заданное время. Полезно для уведомлений, подсказок или отложенных действий.

import { useEffect, useRef } from 'react';

function useTimeout(callback: () => void, delay: number) {
const savedCallback = useRef(callback);

useEffect(() => {
savedCallback.current = callback;
}, [callback]);

useEffect(() => {
if (delay === null) return;
const id = setTimeout(() => savedCallback.current(), delay);
return () => clearTimeout(id);
}, [delay]);
}

Пример
useTimeout(() => setVisible(false), 3000);

👉 @sWebDev