useAsync.js

import React from 'react'

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

const useAsync = (initialState) => {

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

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

    return {...state, run}

}

export default useAsync