title: React v15.4 to v16 migration problems
body: <p>I'm trying to migrate my whole project and I'm having this issue in the main.jsx file.</p>
  
  <ul>
  <li>"react-router": "3.0.x"</li>
  <li>"material-ui": "^0.19.4"</li>
  <li>"react-redux": "4.4.8"</li>
  </ul>
  
  <blockquote>
    <p>Objects are not valid as a React child (found: object with keys
    {default}). If you meant to render a collection of children, use an
    array instead.
        in Router (at main.jsx:68)
        in MuiThemeProvider (at main.jsx:67)
        in Provider (at main.jsx:66)</p>
  </blockquote>
  
  <p><strong>The code</strong>:</p>
  
  <pre><code>ReactDOM.render(
      &lt;Provider store={store}&gt;
          &lt;MuiThemeProvider muiTheme={getMuiTheme(MyRawTheme)}&gt;
              &lt;Router
                  history={history}
                  routes={routes}
                  render={applyRouterMiddleware(useScroll())}
              /&gt;
          &lt;/MuiThemeProvider&gt;
      &lt;/Provider&gt;, document.getElementById('main-app')
  );
  </code></pre>
  
  <p>What is goin on?</p>