React: Simple context template

import React, { createContext, Dispatch, useContext, useReducer } from "react"

const hogeData = {};

export const HogeContext = createContext<any>(hogeData)
export const HogeDispatchContext = createContext<Dispatch<any>>(() => { })

export const HogeContextProvider: React.FC = ({ children }) => {
  const [state, dispatch] = useReducer((_: any, action: any) => {
    return action;
  }, hogeData)

  return (
    <HogeContext.Provider value={state}>
      <HogeDispatchContext.Provider value={dispatch}>
        {children}
      </HogeDispatchContext.Provider>
    </HogeContext.Provider>
  )
}