MobX/Redux's Provider
must get only a single child because it only renders what it gets, and React won't handle multiple objects returned from render
.
DevTools
are usually rendered at the top level component, but in case that top level component renders a router, it needs another element (e.g. div
) to wrap everything. This is not always wanted.
render() {
return (
<Provider {/* ... */}>
<div className="Root">
<Router {/* ... */}>