⚛️ No more isLoading or hasErrored

useStatus.js

// @flow

import { useReducer } from 'react'

type AllowedStatus = 'idle' | 'processing' | 'error' | 'success'

const alllowedStatus = ['idle', 'processing', 'error', 'success']

type Status = {|
  state: AllowedStatus,
  message?: string,
|}

const initialState = {
  state: 'idle',
  message: '',
}

const statusReducer = (state, action) => {
  if (alllowedStatus.includes(action.state)) {
    return {
      ...state,
      ...action,
    }
  }
  console.warn(`Invalid state ${action.state} passed to useStatus.`)
  return state
}

const useStatus = (initialStatus: AllowedStatus = 'idle') => {
  const [state, dispatch] = useReducer<Status, Status>(
    statusReducer,
    initialState
  )
  return [state, dispatch]
}

export default useStatus