Function createInstance

packages/react-async/src/Async.tsx:71–328

(
  defaultOptions: AsyncProps<T> = {},
  displayName = "Async"
)

 * A unique instance also uses its own React context for better nesting capability.
 */
export function createInstance<T>(
  defaultOptions: AsyncProps<T> = {},
  displayName = "Async"
): AsyncConstructor<T> {
  const { Consumer: UnguardedConsumer, Provider } = React.createContext<AsyncState<T> | undefined>(
    undefined
  )
  function Consumer({ children }: { children: (value: AsyncState<T>) => React.ReactNode }) {
    return (
      <UnguardedConsumer>
        {value => {
          if (!value) {
            throw new Error(
              "this component should only be used within an associated <Async> component!"
            )
          }
          return children(value)
        }}
      </UnguardedConsumer>
    )
  }

  type Props = AsyncProps<T>
  type State = AsyncState<T>
  type Constructor = AsyncConstructor<T>

  class Async extends React.Component<Props, State> {
    private mounted = false
    private counter = 0
    private args: any[] = []
    private promise?: Promise<T> = neverSettle
    private abortController: AbortController = new MockAbortController()
    private debugLabel?: string
    private dispatch: (action: AsyncAction<T>, ...args: any[]) => void

    constructor(props: Props) {
      super(props)

      this.start = this.start.bind(this)
      this.load = this.load.bind(this)
      this.run = this.run.bind(this)
      this.cancel = this.cancel.bind(this)
      this.onResolve = this.onResolve.bind(this)
      this.onReject = this.onReject.bind(this)
      this.setData = this.setData.bind(this)
      this.setError = this.setError.bind(this)

      const promise = props.promise
      const promiseFn = props.promiseFn || defaultOptions.promiseFn
      const initialValue = props.initialValue || defaultOptions.initialValue

      this.state = {
        ...init<T>({ initialValue, promise, promiseFn }),
        cancel: this.cancel,
        run: this.run,
        reload: () => {
          this.load()
          this.run(...this.args)