title: React-Router 5: Why is it That My <A href="foo"> Works, But My <Link to="foo"> Doesn't?
body: <p>I have what I think is a standard routing setup:</p>
  
  <pre><code>&lt;BrowserRouter&gt;
    &lt;Switch&gt;
      &lt;Route component={SubPage} exact path="/sub/path" /&gt;
      &lt;Route component={FrontPage} exact path="/" /&gt;
    &lt;/Switch&gt;
  &lt;/BrowserRouter&gt;
  </code></pre>
  
  <p>When I manually navigate to <code>/sub/path</code> everything works fine.  When I click a standard link (<code>&lt;a href="/sub/path"&gt;</code>) it also works just fine.</p>
  
  <p>However, when I use a <code>&lt;Link to="/sub/path"&gt;</code> (and click on it) I am navigated to the URL of <code>/sub/path</code> ... but the component for it is not rendered.  Instead of seeing the subpage I continue seeing the front page, even though the URL changes.</p>
  
  <p>If I refresh the page, or go backward and forward, the router kicks in, but for some reason using <code>Link</code> is making it not render the route.  Can anyone suggest why?</p>