title: React Scroll wont navigate to the same page
body: <p>I am using <a href="https://www.npmjs.com/package/react-scroll" rel="nofollow noreferrer"><code>react-scroll</code></a> in a component to scroll down to the page:</p>
  <pre><code>import { Link } from &quot;react-scroll&quot;;
  
  &lt;li&gt;
      &lt;Link
          to=&quot;services&quot;
          smooth={true}
          duration={500}
          spy={true}
          exact=&quot;true&quot;
          offset={-80}
      &gt;
          services
      &lt;/Link&gt;
  &lt;/li&gt;
  </code></pre>
  <p>Which corresponds to scroll down to this component:</p>
  <pre><code>&lt;div id=&quot;services&quot;&gt;
      &lt;h1&gt;Contracts&lt;/h1&gt;
      &lt;h2&gt;
          private wallet.
      &lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  <p>My problem is that this doesn't navigate when I am on a different page. What is the easiest way to fix this?</p>