store.js

import React, { createContext, useReducer } from "react";
import reducer from "./reducer";

export const Store = createContext();

const initialState = {
  list: []
};

export function StoreProvider({ children }) {
  const [state, dispatch] = useReducer(reducer, initialState);

  const value = { state, dispatch };

  return <Store.Provider value={value}>{children}</Store.Provider>;
}