useAbortSignal

import { useEffect, useMemo, useState } from "react";

export const useAbortSignal = () => {
  const [abortController] = useState(new AbortController());
  const signal = useMemo(() => abortController.signal, [abortController.signal]);

  useEffect(
    () => () => {
      abortController.abort();
    },
    [abortController]
  );

  return signal;
};