TypeScript version of Dan Abramov's `useInterval`

useInterval.ts

import { useEffect, useRef } from 'react'

type Callback = () => void

export const useInterval = (callback: Callback, delay: number | null = null) => {
  const savedCallback = useRef<Callback>()

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

  useEffect(() => {
    const tick = () => savedCallback.current?.()

    if (delay !== null) {
      const id = window.setInterval(tick, delay)
      return () => window.clearInterval(id)
    }
  }, [delay])
}