title: Nested Routes in React Router v4
body: <p>I'm trying to set up some nested routes to add a common layout. Check the code out:</p>
  
  <pre><code>  &lt;Router&gt;
      &lt;Route component={Layout}&gt;
        &lt;div&gt;
          &lt;Route path='/abc' component={ABC} /&gt;
          &lt;Route path='/xyz' component={XYZ} /&gt;
        &lt;/div&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  </code></pre>
  
  <p>While this works perfectly fine, I still get the warning:</p>
  
  <blockquote>
    <p>Warning: You should not use &lt;Route component&gt; and &lt;Route children&gt; in the same
    route;  will be ignored</p>
  </blockquote>