Context API file

GlobalState.js

import React, { createContext, useContext, useReducer } from "react";

export const StateContext = createContext();

export const Provider = ({ reducer, initialState, children }) => (
  <StateContext.Provider value={useReducer(reducer, initialState)}>
    {children}
  </StateContext.Provider>
);

export const globalStateValue = () => useContext(StateContext);