Global React state with Reducer

store.js

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

var StoreContext = createContext();

var initialState = {
	count: 0,
};

var reducer = (state, action) => {
	switch (action.type) {
		case "increment":
			return {
				count: state.count + 1,
			};
		case "decrement":
			return {
				count: state.count - 1,
			};
	}
};

export const StoreProvider = ({ children }) => {
	var [state, dispatch] = useReducer(reducer, initialState);
	return (
		<StoreContext.Provider value={[state, dispatch]}>
			{children}
		</StoreContext.Provider>
	);
};

export const useStore = () => useContext(StoreContext);