title: NextJS: how to Link to new page with current page slugs?
body: <p>I currently have a url like this:</p>
  <p><code>http://localhost:3000/courses/italian/dynamic/lessons/wenC6hgETeMHSiFNabvk</code>
  <code>http://localhost:3000/courses/[language]/dynamic/lessons/[lessonID]</code></p>
  <p>I am trying to find an easy way to reach the following <code>.../exercises</code> page. All I need to do is add <code>/exercises</code> to the end of the above url. However, the following solution didn't work. Evidently, <code>&lt;Link /&gt;</code> no longer remembers what the <code>[language]</code> or <code>[lessonID]</code> params are on my current page.</p>
  <pre><code>&lt;Link href={`exercises/flashcards`} passHref&gt;
     &lt;a&gt;begin&lt;/a&gt;
  &lt;/Link&gt;
  </code></pre>
  <p>error message:
  <a href="https://i.stack.imgur.com/a0nT5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a0nT5.png" alt="screenshot of error message" /></a></p>
  <p>At this moment, the only solution I can think of is rewriting the entire URL with the needed slugs and passing that into <code>href</code>, but that feels a bit unnecessary if all I need to do is concat what I <em>already have</em> with <code>/exercises/flashcards</code>.</p>
  <p>Am I missing something?</p>