useawaitinterval.js

import { useEffect, useRef } from 'preact/hooks'

/**
 * @param {function} callback 
 * @param {number} delay 
 */
function useAwaitInterval (callback, delay) {
  const cb = useRef()

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

  useEffect(() => {
    let interval
    let cancel = false
    
    const tick = async () => {
      if (typeof cb.current === 'function')
        await cb.current()

      if (cancel) return

      interval = setTimeout(tick, delay)
    }

    if (typeof delay === 'number') {
      interval = setTimeout(tick, delay)
      return () => {
        clearTimeout(interval)
        cancel = true
      }
    }
  }, [delay])
}

export default useAwaitInterval