fix: register node listener in componentDidMount to prevent server re…

…ndering issues Relates to #11
router5 · Nov 26, 2015 · 46d4034 · 46d4034
1 parent a55d34a
commit 46d4034
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/modules/routeNode.js b/modules/routeNode.js
@@ -10,19 +10,21 @@ function routeNode(nodeName, register = false) {
             constructor(props, context) {
                 super(props, context);
                 this.router = context.router;
-                this.nodeListener = (toState, fromState) => this.setState({ previousRoute: fromState, route: toState });
-                if (!this.router.registeredPlugins.LISTENERS) {
-                    throw new Error('[react-router5][RouteNode] missing plugin router5-listeners.');
-                }
                 this.state = {
                     previousRoute: null,
                     route: this.router.getState()
                 };
-                this.router.addNodeListener(nodeName, this.nodeListener);
             }
 
             componentDidMount() {
                 if (register) this.router.registerComponent(nodeName, this.refs.wrappedInstance);
+
+                if (!this.router.registeredPlugins.LISTENERS) {
+                    throw new Error('[react-router5][RouteNode] missing plugin router5-listeners.');
+                }
+
+                this.nodeListener = (toState, fromState) => this.setState({ previousRoute: fromState, route: toState });
+                this.router.addNodeListener(nodeName, this.nodeListener);
             }
 
             componentWillUnmout() {