Merge pull request #5 from victorporof/master

Don't execute reducer multiple times

Author: jefflombard

package.json

@@ -22,5 +22,8 @@
     "url": "https://github.com/jefflombard/simple-react-hook-flux-logger/issues"
   },
   "homepage": "https://github.com/jefflombard/simple-react-hook-flux-logger#readme",
-  "types": "./index.d.ts"
+  "types": "./index.d.ts",
+  "peerDependencies": {
+    "react": "^16.8"
+  }
 }

srhfl.js

@@ -1,10 +1,14 @@
+import { useCallback } from "react";
+
 const logger = (reducer) => {
-  const reducerWithLogger = (state, action) => {
+  const reducerWithLogger = useCallback((state, action) => {
+    const next = reducer(state, action);
     console.log("%cPrevious State:", "color: #9E9E9E; font-weight: 700;", state);
     console.log("%cAction:", "color: #00A7F7; font-weight: 700;", action);
-    console.log("%cNext State:", "color: #47B04B; font-weight: 700;", reducer(state,action));
-    return reducer(state,action);
-  };
+    console.log("%cNext State:", "color: #47B04B; font-weight: 700;", next);
+    return next;
+  }, [reducer]);
+
   return reducerWithLogger;
 }