title: React router is not loading component on Redirect
body: <p>I am trying to load a component on : <code>http://localhost:3001/api/posts/success</code></p>
  
  <p>my route tree looks like: </p>
  
  <pre><code>
  import SuccessMessage from './components/SuccessMessage';
  
  
  &lt;div&gt;
        &lt;Router&gt;
          &lt;Route component={Navbar} /&gt;
          &lt;Switch&gt;
              &lt;Route exact path="/" component={Home} /&gt;
              &lt;Route exact path="/api/posts/:city" component={ViewPost} /&gt;
  
              &lt;Route exact path="/api/posts/item/:id" component={ItemDetails} /&gt;
                      &lt;Route exact path="/api/posts/success" component={SuccessMessage} /&gt;
                      &lt;Route exact path="/api/posts/termsofservice" component={termsOfService} /&gt;
              &lt;Route exact path="/createpost" component={CreatePost} /&gt;
  
          &lt;/Switch&gt;
        &lt;/Router&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>the module being exported </p>
  
  <pre><code>import React from 'react';
  import { Jumbotron, Button  } from 'react-bootstrap';
  
  const SuccessMessage = () =&gt; {
      return (
          &lt;Jumbotron&gt;
              &lt;h1&gt;Post Successfully Submitted!&lt;/h1&gt;
              &lt;p&gt;
                  Your post will be reviewed to ensure it does not violate our Terms Of Service, upon approval it will be
                  displayed on the main page. Edit or Delete your post in your User Settings.
              &lt;/p&gt;
              &lt;p&gt;
                  &lt;Button variant="primary" onClick={() =&gt; (window.location = `http://localhost:3001/api/posts`)}&gt;
                      &gt;Go To Listings
                  &lt;/Button&gt;
                  {'  '}
                  &lt;Button variant="primary" onClick={() =&gt; (window.location = `http://localhost:3001/api/posts/termsofservice`)}&gt;
                      Read Our T.O.S
                  &lt;/Button&gt;
              &lt;/p&gt;
          &lt;/Jumbotron&gt;
      );
  };
  
  export default SuccessMessage;
  
  </code></pre>
  
  <p>when I hit the page I only see the navbar.. <a href="https://i.stack.imgur.com/G3w9q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G3w9q.png" alt="enter image description here"></a></p>
  
  <p>EDIT: The solution is that when we have a wildroute :city it will block all the other routes, notice </p>
  
  <pre><code>&lt;Route exact path="/api/posts/:city" component={ViewPost} /&gt;
  </code></pre>