this is a simple function for reducer. it's a pure function, not a react component or react hook (which is good/not for react concurrent mode). works for redux and useReducer.
yarn
yarn add @abdulghani/logreducer
npm
npm install @abdulghani/logreducer
import logReducer from "@abdulghani/logreducer";
import reducer from "somewhere";
// setup your reducer
const loggedReducer = logReducer(reducer);
const MyApp = () => {
const [state, dispatch] = useReducer(loggedReducer);
// render function
};