title: Nav.Link to="/About" is not working in react-bootstrap? Nav.Link href="/About is working reloading the whole page
body: <p>My desired outcome is to have navigation without relodaing the whole page.</p>
  
  <pre><code>&lt;Nav.Link  to="/About"&gt;About&lt;/Nav.Link&gt; is not working.
  &lt;Nav.Link  href="/About"&gt;About&lt;/Nav.Link&gt; is working but reloading the whole page.
  </code></pre>
  
  <p>Nav.Link is imported from react-bootstrap.</p>
  
  <p>What is the problem here, and How can I Route to another page without reloding  the whole page by react-bootstrap?</p>