Timeout Fetch

timeoutFetch.js

class RequestTimeoutError extends Error {
    constructor(message) {
        super(message);
        this.name = "RequestTimeout";
    }
}

const timeoutFetch = async (url, params = {}, timeout = 0) => {

    // create a new abort controller to handle timeout
    const abortController = new AbortController();

    // if timeout is zero we are doing a normal fetch request
    if (timeout !== 0) {
        setTimeout(() => { abortController.abort() }, timeout);
    }

    try {
        // try to fetch data from the URL
        const request = await fetch(url, Object.assign(params, { signal: abortController.signal }));
        return request;
    }
    catch (e) {
        // if the timeout has expired then an AbrotError is thrown
        // then we throw a RequestTimeoutErrror
        if (e.name === "AbortError") {
            throw new RequestTimeoutError("Timeout has expired!");
        }
        // otherwise we throw a fetch exception
        throw e;
    }
}