move MockAbortController out and also use it in Async component

Author: Lenz Weber

packages/react-async/src/Async.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 
-import globalScope from "./globalScope"
+import globalScope, { MockAbortController } from "./globalScope"
 import { IfInitial, IfPending, IfFulfilled, IfRejected, IfSettled } from "./helpers"
 import propTypes from "./propTypes"
 import { ActionTypes, init, dispatchMiddleware, reducer as asyncReducer } from "./reducer"
@@ -93,7 +93,7 @@ export const createInstance = <T extends {}>(
     private counter = 0
     private args: any[] = []
     private promise?: Promise<T> = undefined
-    private abortController: AbortController = { abort: () => {} } as any
+    private abortController: AbortController = new MockAbortController()
     private debugLabel?: string
     private dispatch: (action: AsyncAction<T>, ...args: any[]) => void
 

packages/react-async/src/globalScope.ts

@@ -22,4 +22,10 @@ const globalScope = (() => {
  */
 globalScope.__REACT_ASYNC__ = globalScope.__REACT_ASYNC__ || {}
 
+export const noop = () => {}
+export class MockAbortController implements AbortController {
+  public abort = noop
+  readonly signal = {} as AbortSignal
+}
+
 export default globalScope

packages/react-async/src/useAsync.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useDebugValue, useEffect, useMemo, useRef, useReducer } from "react"
 
-import globalScope from "./globalScope"
+import globalScope, { MockAbortController, noop } from "./globalScope"
 import { ActionTypes, init, dispatchMiddleware, reducer as asyncReducer } from "./reducer"
 
 import {
@@ -32,12 +32,6 @@ export interface FetchOptions<T> extends AsyncOptions<T> {
   json?: boolean
 }
 
-const noop = () => {}
-class MockAbortController implements AbortController {
-  public abort = noop
-  readonly signal = {} as AbortSignal
-}
-
 function useAsync<T extends {}>(options: AsyncOptions<T>): AsyncState<T>
 function useAsync<T extends {}>(promiseFn: PromiseFn<T>, options?: AsyncOptions<T>): AsyncState<T>