fix(DevTools, LogMonitor): prevent LogMonitor to render once as visible state

src/createDevTools.js

@@ -10,9 +10,26 @@ export default function createDevTools(React) {
     ActionCreators
   )
   class DevTools extends Component {
+
+    static defaultProps = {
+      visibleOnLoad: true
+    };
+
+    componentWillMount() {
+      const monitorState = {
+        ...this.props.monitorState,
+        isVisible: this.props.visibleOnLoad
+      };
+      this.props.setMonitorState(monitorState);
+    }
+
     render() {
+      const monitorState = {
+        ...this.props.monitorState,
+        isVisible: this.props.visibleOnLoad
+      };
       const { monitor: Monitor } = this.props;
-      return <Monitor {...this.props} />;
+      return <Monitor {...this.props} monitorState={monitorState} />;
     }
   }
 

src/react/LogMonitor.js

@@ -53,15 +53,13 @@ export default class LogMonitor extends Component {
     toggleAction: PropTypes.func.isRequired,
     jumpToState: PropTypes.func.isRequired,
     setMonitorState: PropTypes.func.isRequired,
-    select: PropTypes.func.isRequired,
+    select: PropTypes.func.isRequired
-    visibleOnLoad: PropTypes.bool
   };
 
   static defaultProps = {
     select: (state) => state,
     monitorState: { isVisible: true },
-    theme: 'nicinabox',
+    theme: 'nicinabox'
-    visibleOnLoad: true
   };
 
   componentWillReceiveProps(nextProps) {
@@ -93,15 +91,6 @@ export default class LogMonitor extends Component {
     }
   }
 
-  componentWillMount() {
-    let visibleOnLoad = this.props.visibleOnLoad;
-    const { monitorState } = this.props;
-    this.props.setMonitorState({
-      ...monitorState,
-      isVisible: visibleOnLoad
-    });
-  }
-
   handleRollback() {
     this.props.rollback();
   }