title: Issue with routing and link using nextjs
body: <p>I am facing an issue with routing and links in Nextjs. I have created a blog like page using React+Typescript and I would like to use the same code in Nextjs. I was initially using <code>import {Link} from 'react-router-dom';</code> .However since this link doesn't work with Nextjs,  I have used the link/next import.</p>
  
  <p>The issue is when, I try to click on "Aboutus" of my Navbar, I get the following error:</p>
  
  <blockquote>
    <p>404
    This page could not be found.</p>
  </blockquote>
  
  <p>Here is the code of my Navbar.tsx</p>
  
  <pre><code>import React from 'react';
  import Link from 'next/link';
  const Navbarr : React.FC = () =&gt; {
  return (
  &lt;div&gt;
  &lt;AppName &gt;
          &lt;Link href="/"&gt;&lt;a&gt;Abc&lt;/a&gt;&lt;/Link&gt;
      &lt;/AppName&gt;
      &lt;Button&gt;
          &lt;Link href="/new"&gt;
            &lt;a&gt;Aboutus&lt;/a&gt;
          &lt;/Link&gt;
      &lt;/Button&gt;
  &lt;/div&gt;)}
  export default NavBarr;
  </code></pre>