This helper allows you to cancel old api calls, if new one occurs

AxiosTokenHelper.js

export class AxiosTokenHelper {
    /* 
        This helper allows you to cancel old api calls, if new
        one occurs.

        const helper = new AxiosTokenHelper();
        const callToApi = async (...) => {
            const source = helper.create();
            try {
                const response = await axios.get(
                    "/api/endpoint/",
                    { cancelToken: source.token },
                );
            } catch (error) {
                // check if cancellation raised the error
                if (error instanceof axios.Cancel) return;
            }
        }
    */
    sources = [];

    create() {
        // cancel and erase old
        this.sources.forEach(src => {
            src.cancel();
        });
        this.sources = [];
        // create new
        const source = axios.CancelToken.source();
        this.sources.push(source);
        return source;
    }
}