title: Same route hiding component issue
body: <p>I have two different components that are rending under one another in my application because they have the same starting route. My current application flow goes from Booking to Time component using this:</p>
  
  <pre><code>&lt;Link to={'/booking/' + this.props.booking.getURLName()} &gt;
  </code></pre>
  
  <p>How can I make Booking component disappear when Time component appears?</p>
  
  <pre><code>&lt;Router history={history}&gt;
      &lt;div&gt;
          &lt;IndexRoute exact path="/" component={Home} /&gt;
          &lt;Route path='/booking' render={(props) =&gt; &lt;Booking {...props} details={details} /&gt;}/&gt;
          &lt;Route path='/booking/:name' render={(props) =&gt; &lt;Time {...props} details={details} /&gt;}/&gt;
      &lt;/div&gt;
  &lt;/Router&gt;
  
  class Booking extends Component {
  
      render() {
          return (
              &lt;Col&gt;
                  &lt;Link to={'/booking/' + this.props.booking.getURLName()} &gt;
                      &lt;div&gt;
                          // Booking details here
                      &lt;/div&gt;
                  &lt;/Link&gt;
              &lt;/Col&gt;
          );
      }
  }
  </code></pre>