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