Redux state update logger

Redux logging previous and next states.tsx

import { createStore } from "redux";

const monitorStateUpdateEnhancer =
  (createStore) => (reducer, initialState, enhancer) => {
    const monitoredReducer = (state, action) => {
      console.log("STATE BEFORE => " + state.value);
      const newState = reducer(state, action);
      console.log("STATE AFTER => " + state.value);
      return newState;
    };
    return createStore(monitoredReducer, initialState, enhancer);
  };

const incrementAction = {
  type: "increment",
};

const reducer = (state = { value: 0 }, action) => {
  if (action.type == incrementAction.type) {
    state = { value: ++state.value };
  }
  return state;
};

const initialState = {
  value: 0,
};

const store = createStore(reducer, initialState, monitorStateUpdateEnhancer);

var i = 5;
while (i--) {
  store.dispatch({ type: "increment" });
}