AbortController "polyfill"

Minimal stubs so that the AbortController DOM API for terminating fetch() requests can be used in browsers that doesn't yet implement it. This "polyfill" doesn't actually close the connection when the request is aborted, but it calls .catch() with err.name == 'AbortError' instead of .then().

const controller = new AbortController();
const signal = controller.signal;
fetch('/some/url', {signal}).then(res => res.json()).then(data => {
  // do something with "data"
}).catch(err => {
  if (err.name == 'AbortError') {
    return;
  }
});

You can read about the AbortController API in the DOM specification.

How to use

$ npm install --save abortcontroller-polyfill

If you're using webpack or similar, import it early in your client entrypoint .js file using import 'abortcontroller-polyfill' or require('abortcontroller-polyfill').

How to use in 'create-react-app'

create-react-app enforces the no-undef eslint rule at compile time so you might run into an error like:

  'AbortController' is not defined  no-undef

This can be worked around by (temporarily, details here) adding a declaration like:

  const AbortController = window.AbortController;

Contributors

• Martin Olsson
• Jimmy Wärting
• silverwind
• Rasmus Jacobsen
• João Vieira

See also

• PR for fetch specification

License

MIT