useDebounce hook

useDebounce.ts

import { useState, useEffect } from 'react'

const useDebounce = (fn: () => any, ms: number = 0, args: any[] = []) => {
  const [timeout, setTimeoutVar] = useState<any>(null)
  const [isStart, setStart] = useState(true)

  useEffect(() => {
    // don't start interval when executed first time
    if (isStart) {
      setStart(false)
      return
    }

    // if args change then clear timeout
    clearTimeout(timeout)
    const t = setTimeout(fn.bind(null, args), ms)
    setTimeoutVar(t)
  }, args)
}

export default useDebounce