Как правильно затипизировать данный кусок кода?

Question

[Natebash]

const [showTooltip, setShowTooltip] = useState<boolean>(false); // показывает тултип если true

  const timer = useRef<ReturnType<typeof setTimeout>>();

  const handleMouseEnter = () => {
    timer.current = setTimeout(() => {
      setShowTooltip(true);
    }, 500);
  };

  const handleMouseLeave = () => {
    clearTimeout(timer.current as NodeJS.Timeout);
    setShowTooltip(false);
  };

clearTimeout(timer.current as NodeJS.Timeout); - смущает данная строчка. Вопрос, как правильно типизируются такие вещи?
current - число
time при отсутствии эффекта наведения - undefined

Comments

[WbICHA]

Ну так у тебя реф может отстутствовать, делай проверку перед очисткой.

Answer 1

[Aetae]

Если не используете Node.js то просто исключите типы для неё из конфига TS.
Тогда у вас setTimeout будет возвращать простой number, а clearTimeout будет принимать number | undefined. И никаких проблем.)

Если же код ноды по каким-то причинам у вас идёт вперемешку со фронтовым кодом, то для фронтовых таймеров можете писать явно window.setTimeout и window.clearTimeout.