React router - Arbitrary nested path not working
<p>I'm tying to define my route in my React application logically but the URL contains an extra path nested (<code>/ecosystem</code>). The page renders but missing the <code>index.js, css, and fonts</code> for the nested pages - <code>/ecosystem/XXX</code>.
It works if I remove <code>/ecosystem</code> and I have <code>/XXX</code>.</p>

<p>I think React is unable to load the assets for <code>/ecosystem/XXX</code> since <code>/ecosystem</code> does not exist or define in the route.</p>

<p>Here is how my route looks like:</p>

<pre><code>render(
  &lt;Router history={browserHistory}&gt;

    &lt;Route component={App}&gt;
      &lt;IndexRoute component={Dashboard}/&gt;
      &lt;Route path="/ecosystem/:name" component={Ecosystem}/&gt;
      &lt;Route path="*" component={Dashboard}/&gt;
    &lt;/Route&gt;
  &lt;/Router&gt;,
  document.getElementById('root')
);
</code></pre>

<p>I would love to keep <code>/ecosystem</code> to have <code>/ecosystem/XXX</code> rather than <code>/XXX</code> but how can I ensure the assets get downloaded on the page for <code>/ecosystem/XXX</code>?</p>