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>
)
}