title: React Router v4 components with similar paths (fixed and dynamic path param) are "overlapping"
body: <p>My routes are set up like this:</p>
  
  <pre><code>&lt;Route path="/chat/:id" component={Chat} /&gt;
  &lt;Route path="/chat/new" component={NewChat} /&gt;
  </code></pre>
  
  <p>When I go to <code>chat/new</code> its also displaying <code>{Chat}</code>. Is there any way to exclusively call <code>NewChat</code> when I go to <code>/chat/new</code>?</p>