const Store = props => {
  const [counterState, counterDispatch] = useReducer(
    counterReducer,
    counterStore
  );

  const [authState, authDispatch] = useReducer(authReducer, authStore);

  const triggerDispatchs = action => {
    const dispatchs = [counterDispatch, authDispatch];
    for (let i = 0; i < dispatchs.length; i++) {
      dispatchs[i](action);
    }
  };

  const combinedReducers = {
    store: {
      ...counterState,
      ...authState
    },
    dispatch: action => triggerDispatchs(action)
  };

  return (
    <Context.Provider value={combinedReducers}>
      {props.children}
    </Context.Provider>
  );
};

export default Store;

let counter = 1;

const increaseCounter = (value) => value + 1;

increaseCounter(counter); // 2
console.log(counter); // 1

let counter = 1;

function increaseCounter(value) {
  counter = value + 1;
}

increaseCounter(counter);
console.log(counter); // 2