title: NextJS Link with as props goes to 404 after refresh
body: <pre><code>&lt;Link href='/about' as='about-me'&gt;
    &lt;a&gt;
      About us
    &lt;/a&gt;
  &lt;/Link&gt;
  </code></pre>
  <p>Every time when I refresh this page, I'm getting 404. If I delete that <code>as='about-me'</code> props from Link everything working fine.
  I know need to do something with <code>server.js</code> but i'm not sure what i need to do to fix this. Also in <code>next.config.js</code> already have <code>trailingSlash: true</code>
  In <code>server.js</code> tried like this but getting 404 :)</p>
  <pre><code> if (pathname === '/') {
       await app.render(req, res, '/', query);
   } else if (pathname === '/about') {
       await app.render(req, res, '/about-me/', query);
  </code></pre>