Cancelling group by using "axios.default.cancelToken = ..." causes "config.cancelToken.throwIfRequested"

#### Summary

I am running axios requests in tests and when the test logic is complete I want to cancel all active requests (which are not related to the logic of the test). This is my init code:

let CancelToken = axios.CancelToken;
let axiosSource = CancelToken.source();
export const axiosCancel = axiosSource.cancel;
axios.defaults.cancelToken = axiosSource.token;

and then, (using mocha) I run cancel like this:

afterEach(() => {
  axiosCancel();
});

When axiosCancel() is run I get this error in the stack:

Error: TypeError: config.cancelToken.throwIfRequested is not a function
    at Error (native)
    at /Users/Ben_Katz/Git/wix/user-manager/src/client/actions/fetchUserByDomain.ts:34:13 } with Error: TypeError: config.cancelToken.throwIfRequested is not a function
    at Error (native)
    at /Users/Ben_Katz/Git/wix/user-manager/src/client/actions/fetchUserByDomain.ts:34:13 +0ms

I don’t know if this is not working because it’s not supposed to work that way but the error gives me no information and as far as I can tell it’s a bug. #### Context

• axios version: v0.16.3*
• Environment: node v6.10.4, MacOs sierra*

[Bnaya]

A fast workaround for this issue:

...
const CancelToken = Axios.CancelToken;
this.source = CancelToken.source();
// OMG! AXIOS has ISSUES! it merges the cancel token incorrectly, so we trick it and move it from the prototype to the object itself
this.source.token.throwIfRequested = this.source.token.throwIfRequested;
this.source.token.promise.then = this.source.token.promise.then.bind(this.source.token.promise);
this.source.token.promise.catch = this.source.token.promise.catch.bind(this.source.token.promise);
...

[ru-web-designer]

@Bnaya got it, thanks 😃