useStatus.js

import {useReducer, useCallback} from 'react'
import useIsMounted from './useIsMounted'

function useStatus() {
  const isMounted = useIsMounted()
  const [{status, error}, setState] = useReducer((s, a) => ({...s, ...a}), {
    status: 'rest',
    error: null,
  })

  const safeSetState = useCallback((...args) => (isMounted.current ? setState(...args) : null), [
    isMounted,
  ])

  const isLoading = status === 'pending'
  const isSuccess = status === 'success'
  const isRejected = status === 'rejected'

  return [{isLoading, isSuccess, isRejected, error}, safeSetState]
}

export default useStatus