Cancelling request with axios in Vue.js

http.ts

import axios, { CancelTokenStatic } from 'axios';

export const http = axios.create({
    baseURL: 'https://api.domen.com/',
});

const cancelToken: CancelTokenStatic = axios.CancelToken;
export let cancelSource = cancelToken.source();
export const refreshTokenForUpdateApp = (() => {
    cancelSource = cancelToken.source();
});

export const cancelAllUserRequests = (() => {
    cancelSource.cancel();
});

vuexModule.ts

@Action
public async invokeRequests(): Promise<void> {
    try {
        updateAppCancel.cancel();
        refreshTokenForUpdateApp();
        const res = await http.get('/getsomething',
            { cancelToken: updateAppCancel.token },
        );
    } catch (e) {
        if (e.request === undefined) {
            // handle cancelling error
        }
    }
}
    
@Action
public async dependedRequest(): Promise<void> {
    try {
        const res = await http.get('/getmore',
            { cancelToken: updateAppCancel.token },
        );
    } catch (e) {
        if (e.request === undefined) {
            // handle cancel
        }
    }
}