initRedux.jsx

function initRedux(reducer, initialState) {
    const StateContext = React.createContext(null)
    const DispatchContext = React.createContext(null)

    function Provider(props) {
        const [appState, dispatch] = React.useReducer(reducer, initialState)
        return (
            <StateContext.Provider value={appState}>
                <DispatchContext.Provider value={dispatch}>
                    {props.children}
                </DispatchContext.Provider>
            </StateContext.Provider>
        )
    }
}