Warning: ReactMount: Root element ID differed from reactRootID.

[BeSports]

I'm getting a whole bunch of errors when switching from one page to another.

I'm getting this

Warning: ReactMount: Root element ID differed from reactRootID.warning @ warning.js:45ReactMount.findReactContainerForID @ ReactMount.js:651isValid @ ReactMount.js:199getNode @ ReactMount.js:161trapBubbledEventsLocal @ ReactDOMComponent.js:269assign.notifyAll @ CallbackQueue.js:65ON_DOM_READY_QUEUEING.close @ ReactReconcileTransaction:81Mixin.closeAll @ Transaction.js:202Mixin.perform @ Transaction.js:149batchedMountComponentIntoNode @ ReactMount.js:282Mixin.perform @ Transaction.js:136ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy:62batchedUpdates @ ReactUpdates.js:94ReactMount._renderNewRootComponent @ ReactMount.js:476wrapper @ ReactPerf.js:66ReactMount._renderSubtreeIntoContainer @ ReactMount.js:550ReactMount.render @ ReactMount.js:570wrapper @ ReactPerf.js:66(anonymous function) @ react_layout.js:69ReactLayout._ready @ react_layout.js:76ReactLayout._renderClient @ react_layout.js:66ReactLayout.render @ react_layout.js:44FlowRouter.route.action @ router.jsx:3Route.callAction @ route.js:51(anonymous function) @ router.js:447Tracker.nonreactive @ tracker.js:589(anonymous function) @ router.js:431Tracker.Computation._compute @ tracker.js:323Tracker.Computation._recompute @ tracker.js:342Tracker._runFlush @ tracker.js:481Tracker.flush @ tracker.js:441Router._invalidateTracker @ router.js:489afterAllTriggersRan @ router.js:101Triggers.runTriggers @ triggers.js:89route._actionHandle @ router.js:105(anonymous function) @ client.browserify.js:570nextEnter @ client.browserify.js:402(anonymous function) @ client.browserify.js:571nextEnter @ client.browserify.js:402(anonymous function) @ client.browserify.js:571nextEnter @ client.browserify.js:402(anonymous function) @ client.browserify.js:571nextEnter @ client.browserify.js:402(anonymous function) @ client.browserify.js:571nextEnter @ client.browserify.js:402nextExit @ client.browserify.js:390(anonymous function) @ client.browserify.js:571nextExit @ client.browserify.js:391(anonymous function) @ client.browserify.js:571nextExit @ client.browserify.js:391(anonymous function) @ client.browserify.js:571nextExit @ client.browserify.js:391(anonymous function) @ client.browserify.js:571nextExit @ client.browserify.js:391(anonymous function) @ client.browserify.js:571nextExit @ client.browserify.js:391page.dispatch @ client.browserify.js:406page.show @ client.browserify.js:297self._page.(anonymous function) @ router.js:382onclick @ client.browserify.js:697
warning.js:45 Warning: ReactMount: Root element has been removed from its original container. New container: null

It does not crash my app, but getting 170+ errors per page switch seems unhealthy.. What am I doing wrong?

For reference, this is my routing

FlowRouter.route("/", {
  action: function() {
    ReactLayout.render(Main)
  }
});

[arunoda]

It's very hard to see the issue by looking at this. Could you send me a sample repo?

[BeSports]

Not sure what you mean? I can't send my whole app, if that's what you mean..

[arunoda]

This is not an error we've seen earlier. So, we need to reproduce it.
Best way is to try to replicate this error is sample app. (Not your whole app)
Once you could do it, post it here. (as a github repo).

Then only we can work on it.