WIP: Uses signal option of fetch method to cleanup request handlers after component unmount

useFetchWithCleanup.js

import { useEffect } from 'react'

const noop = () => {}

export default (
    url,
    options = {},
    complete = noop,
    error = noop,
    final = noop
) => (
    useEffect(() => {
      const abortController = new AbortController()
      const { signal } = abortController
      options.signal  = signal

      fetch(url, options).then(
          complete,
          error,
          final
      )

      return () => abortController.abort()
    }, [])
)