text: 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);