title: How can I fix jsx-a11y/anchor-is-valid when using the Link component in React?
body: <p>In a React app</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Link to={`/person/${person.id}`}&gt;Person Link&lt;/Link&gt;
  </code></pre>
  <p>results in the following eslint error</p>
  <p><code>The href attribute is required on an anchor. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid</code></p>
  <p>The Link component results in a valid <code>href</code> attribute.</p>
  <pre class="lang-js prettyprint-override"><code>&lt;a href=&quot;#/person/2&quot;&gt;Person Link&lt;/a&gt;
  </code></pre>
  <p>What is the point of this error? How do I fix this?</p>
  <p>Any help would be greatly appreciated!</p>