import { DependencyList, EffectCallback, useEffect } from 'react'

export const useIdleEffect = (
  effect: EffectCallback,
  deps?: DependencyList | undefined
): void =>
  useEffect(() => {
    const id = window.requestIdleCallback(effect)

    return () => window.cancelIdleCallback(id)
  }, deps)