title: How to set the DefaultRoute to another Route in React Router
body: <p>I have the following:</p>
  
  <pre><code>  &lt;Route name="app" path="/" handler={App}&gt;
      &lt;Route name="dashboards" path="dashboards" handler={Dashboard}&gt;
        &lt;Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /&gt;
        &lt;Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /&gt;
        &lt;DefaultRoute handler={DashboardExplain} /&gt;
      &lt;/Route&gt;
      &lt;DefaultRoute handler={SearchDashboard} /&gt;
    &lt;/Route&gt;
  </code></pre>
  
  <p>When using the DefaultRoute, SearchDashboard renders incorrectly since any *Dashboard needs to rendered within Dashboard.</p>
  
  <p>I would like for my DefaultRoute within the "app" Route to point to the Route "searchDashboard". Is this something that I can do with React Router, or should I use normal Javascript (for a page redirect) for this? </p>
  
  <p>Basically, if the user goes to the home page I want to send them instead to the search dashboard. So I guess I'm looking for a React Router feature equivalent to <code>window.location.replace("mygreathostname.com/#/dashboards/searchDashboard");</code></p>