title: Default Route With React Router 4
body: <p>fI currently have the following routes defined in my application:</p>
  
  <pre><code>/
  /selectSteps
  /steps
  /steps/alpha
  /steps/beta
  /steps/charlie
  </code></pre>
  
  <p>Which could also be visualised like this:</p>
  
  <pre><code>- (home)
      - selectSteps
      - steps
         - alpha
         - beta
         - charlie
  </code></pre>
  
  <p>My root component looks like this:</p>
  
  <pre><code>  &lt;Route path="/" exact component={Home} /&gt;
      &lt;Route path="/select-steps" render={() =&gt; &lt;StepSelectorContainer /&gt;} /&gt;
      &lt;Route path="/steps" component={StepsContainer} /&gt;
  </code></pre>
  
  <p>My Steps component does this:</p>
  
  <pre><code>steps.map(step =&gt; (
    &lt;Route
      path={fullPathForStep(step.uid)}
      key={shortid.generate()}
      render={() =&gt; &lt;StepContainer step={step} /&gt;}
    /&gt;
  </code></pre>
  
  <p>This all works nicely, but I don't want <code>steps</code> to exist as route in its own right. Only its child routes should be visitable. So I'm looking to lose the <code>/steps</code> route to leave my routes as:</p>
  
  <pre><code>/
  /selectSteps
  /steps/alpha
  /steps/beta
  /steps/charlie
  </code></pre>
  
  <p>How should I configure my routes for this? Ideally, hitting <code>/steps</code> would <em>redirect</em> to the first child route.</p>