import React, { createContext, useContext, useReducer } from 'react'; export const StateContext = createContext(); export const StateProvider = ( { reducer, initialState, children } ) => ( <StateContext.Provider value={ useReducer( reducer, initialState ) }> { children } </StateContext.Provider> ); export const useStateValue = () => useContext( StateContext );