Hook that helps to setTimeout in react in correct way (Typescript)

use_timeout.js

import { useEffect, useMemo } from 'react'

type tTimeoutId = number

const useTimeout = () => {
  const timeoutsSet = useMemo(() => new Set<tTimeoutId>(), [])

  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const _setTimeout = (callback: any, delay?: number) => {
    const timeout = setTimeout(callback, delay)
    timeoutsSet.add(timeout)
    return timeout
  }

  const _clearTimeout = (timeout?: tTimeoutId) => {
    if (timeout) {
      clearTimeout(timeout)
      timeoutsSet.delete(timeout)
    }
  }

  useEffect(() => {
    return () => {
      timeoutsSet.forEach((timeout) => {
        clearTimeout(timeout)
      })

      timeoutsSet.clear()
    }
  }, [])

  return { setTimeout: _setTimeout, clearTimeout: _clearTimeout }
}

export { useTimeout }