useAbort.ts

import { useEffect, useRef, useState } from 'react';

export function useAbort(init?: (controller: AbortController) => void) {
  const [aborter] = useState(() => new AbortController());
  const initRef = useRef();
  
  initRef.current = init;

  useEffect(() => {
    initRef.current?.(aborter);
    return () => aborter.abort();
  }, [aborter]);

  return aborter;
}