title: What do two wildcard routes mean in react-routing?
body: <p>I'm trying to understand the react-starter-kit by <a href="https://github.com/kriasoft/react-starter-kit" rel="nofollow">kirasoft</a> and noticed that their routes have two entries for the '*' wildcard route.  Why are there two and what is the order of precedence?  The first route seems to set up the app overall and then the second one seems to fire off the default content handler... do both get fired off and if so what's the logic between the two, do they both just fire sequentially and get appended together in the response somehow?</p>
  
  <pre><code>import React from 'react';
  import Router from 'react-routing/src/Router';
  import http from './core/HttpClient';
  import App from './components/App';
  import ContentPage from './components/ContentPage';
  import ContactPage from './components/ContactPage';
  import LoginPage from './components/LoginPage';
  import RegisterPage from './components/RegisterPage';
  import NotFoundPage from './components/NotFoundPage';
  import ErrorPage from './components/ErrorPage';
  
  const router = new Router(on =&gt; {
    on('*', async (state, next) =&gt; {
      const component = await next();
      return component &amp;&amp; &lt;App context={state.context}&gt;{component}&lt;/App&gt;;
    });
  
    on('/contact', async () =&gt; &lt;ContactPage /&gt;);
  
    on('/login', async () =&gt; &lt;LoginPage /&gt;);
  
    on('/register', async () =&gt; &lt;RegisterPage /&gt;);
  
    on('*', async (state) =&gt; {
      const content = await http.get(`/api/content?path=${state.path}`);
      return content &amp;&amp; &lt;ContentPage {...content} /&gt;;
    });
  })
  </code></pre>