useAsync.js

function asyncReducer(state, action) {
  switch (action.type) {
    case 'pending': {
      return {...state, status: 'pending', data: null, error: null}
    }
    case 'resolved': {
      return {...state, status: 'resolved', data: action.data, error: null}
    }
    case 'rejected': {
      return {...state, status: 'rejected', data: null, error: action.error}
    }
    default: {
      throw new Error(`Unhandled action type: ${action.type}`)
    }
  }
}

export function useAsync(initialState) {
  const [state, unsafeDispatch] = React.useReducer(asyncReducer, {
    status: 'idle',
    data: null,
    error: null,
    ...initialState,
  })

  const dispatch = useSafeDispatch(unsafeDispatch)

  const run = React.useCallback(
    promise => {
      dispatch({type: 'pending'})
      promise.then(
        data => {
          dispatch({type: 'resolved', data})
        },
        error => {
          dispatch({type: 'rejected', error})
        },
      )
    },
    [dispatch],
  )

  return {...state, run}
  }
  
  

useSafeDispatch - https://gist.github.com/danieljpgo/28947d01a46065a9682e8185908d8de6