title: routes with react-router-dom opens in parent container
body: <p>I'm trying to work with react-router-dom but I can't understand how do I define a "main" container that will open all the other components inside ?
  in the old version I used to do </p>
  
  <pre><code>  &lt;Router history={history}&gt;
      &lt;Route path="/" component={Main}&gt;
        &lt;IndexRoute component={ShowsPage} /&gt;
  
        &lt;Route path="/shows" component={ShowsPage} /&gt;
        &lt;Route path="/tickets" component={ticketsPage} /&gt;
      &lt;/Route&gt;
  
      &lt;Redirect from="*" to="/" /&gt;
    &lt;/Router&gt;
  </code></pre>
  
  <p>and it would work like magic, now I tried something like this</p>
  
  <pre><code>&lt;Router&gt;
      &lt;div&gt;
          &lt;Route component={Main}/&gt;
          &lt;Route path="/" exact component={ShowsPage}/&gt;
          &lt;Route path="/tickets" exact component={ticketsPage}/&gt;
          &lt;Route path="/shows" exact component={ShowsPage}/&gt;
      &lt;/div&gt;
  &lt;/Router&gt;
  </code></pre>
  
  <p>I'm not sure how to implement the notfound routes, but in my last attempt to handle the routes I managed to make them open inside the container but I do get also this warning <code>The prop `children` is marked as required in `Main`, but its value is `undefined</code> and I wonder why I get them ? what do I do wrong ? and how can I set that every other route(beside whats defined) will be redirected to "/" (to ShowsPage component)</p>
  
  <p>here is Main.js (my main container)</p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  
  import HeaderContainer from './HeaderContainer';
  import FooterContainer from './FooterContainer';
  
  const Main = ({children}) =&gt; (
      &lt;div&gt;
          &lt;container className="containerHeader"&gt;
              &lt;HeaderContainer /&gt;
          &lt;/container&gt;
          &lt;container className="containerMain"&gt;
              {children}
          &lt;/container&gt;
          &lt;container className="containerFooter"&gt;
              &lt;FooterContainer /&gt;
          &lt;/container&gt;
      &lt;/div&gt;
  )
  
  Main.propTypes = {
      children: PropTypes.object.isRequired,
  }
  
  
  export default Main;
  </code></pre>
  
  <p>thanks!</p>