useReducer.js

import { useReducer as useReducerBase } from 'react'

export const useReducer = (reducer, initialState) => {
  const [state, dispatch] = useReducerBase(reducer, initialState)

  const customDispatch = (type, payload) => dispatch({ type, payload })

  return [state, customDispatch, dispatch]
}

// usage

const myReducer = (state, { type, payload }) => {
  switch(type) {
    case 'add': return state + payload
    default: state
  }
}

const [state, dispatch] = useReducer(myReducer, 0)

dispatch('add', 1)