useAbortSignal.js

import { useEffect, useMemo, useRef } from 'react'

function useAbortSignal(): AbortSignal | undefined {
  const controller = useRef(
    typeof AbortController !== 'undefined' ? new AbortController() : undefined
  )
  const signal = useMemo(() => controller.current?.signal, [controller.current])

  useEffect(
    () => () => {
      controller.current?.abort()
    },
    []
  )

  return signal
}

export default useAbortSignal