💥 🔧 with-log: refactor using "eager factory"

deepsweet · Aug 19, 2017 · e4acab9 · e4acab9
1 parent f573633
commit e4acab9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/packages/with-log/package.json b/packages/with-log/package.json
@@ -28,6 +28,6 @@
   },
   "peerDependencies": {
     "react": "^15.6.1",
-    "recompose": "^0.24.0"
+    "recompose": "^0.25.0"
   }
 }
diff --git a/packages/with-log/src/index.jsx → packages/with-log/src/index.js b/packages/with-log/src/index.jsx → packages/with-log/src/index.js
@@ -1,20 +1,17 @@
 /* eslint-disable no-console */
-import React from 'react';
-import { setDisplayName, wrapDisplayName } from 'recompose';
+import { createEagerFactory, setDisplayName, wrapDisplayName } from 'recompose';
 
 const withLog = (getMessageToLog = (props) => props) => (Target) => {
   if (process.env.NODE_ENV === 'production') {
     return Target;
   }
 
+  const factory = createEagerFactory(Target);
   const displayName = wrapDisplayName(Target, 'withLog');
-
   const WithLog = (props) => {
     console.log(`${displayName}:`, getMessageToLog(props));
 
-    return (
-      <Target {...props}/>
-    );
+    return factory(props);
   };
 
   return setDisplayName(displayName)(WithLog);