A wrapper for fetch with timeout using abort controller and a specific timeout error with url and status.

timeoutFetch.js

const DEFAULT_TIMEOUT = 3000;

function request(resource, options = {}) {
  const { timeout = DEFAULT_TIMEOUT } = options;
  delete options.timeout;
  return fetch(resource, { ...options, signal: AbortSignal.timeout(timeout) });
}

export default request;

timeoutFetch.ts

interface RequestOptions extends RequestInit {
  timeout?: number;
}

const DEFAULT_REQUEST_TIMEOUT = 3000;

function request(
  resource: RequestInit | URL,
  options: RequestOptions & { timeout?: number } = {}
): Promise<Response> {
  const { timeout = DEFAULT_TIMEOUT } = options;
  delete options.timeout;
  return fetch(resource, { ...options, signal: AbortSignal.timeout(timeout) });
}

export default request;