title: react-router with not-found-route on root
body: <p>I want to create an page not found (404) on root, but seems no luck.</p>
  
  <p>using the example from <a href="https://github.com/rackt/react-router/blob/master/docs/guides/overview.md" rel="nofollow">react-route</a></p>
  
  <pre><code>var routes = (
      &lt;Route handler={App}&gt;
  
          &lt;Route name="inbox" handler={Inbox}&gt;
            &lt;Route name="message" path=":messageId" handler={Message}/&gt;
            &lt;DefaultRoute handler={InboxStats}/&gt;
          &lt;/Route&gt;
  
          &lt;Route name="calendar" handler={Calendar}/&gt;
          &lt;DefaultRoute handler={Dashboard}/&gt;
  
      &lt;/Route&gt;
  );
  </code></pre>
  
  <p>the <code> &lt; DefaultRoute /> </code> will be displayed inside <code>App</code>, which will still display the link. I would like to see a not found page (404) by itself only. How would you achieve this?</p>
  
  <p>ps. making <code>DefaultRoute</code> on the same level as the root <code>Route</code> would produce complain =(</p>
  
  <p>any suggestion would be grateful</p>