title: href attribute is required in combination with history react module
body: <p>I use the <a href="https://github.com/remix-run/history" rel="nofollow noreferrer">history</a> React module to manage the session history, and have links such as:</p>
  <pre><code>&lt;a
      className=&quot;edit&quot;
      onClick={() =&gt; {
          history.push(`/user/${this.props.match.params.id}/${i.slug}`);
      }}
  &gt;
      Edit User
  &lt;/a&gt;
  </code></pre>
  <p>This generates the following warning from ESLint:</p>
  <pre><code>The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md  jsx-a11y/anchor-is-valid
  </code></pre>
  <p><strong>Is there a way to resolve this warning without turning the hyperlink into a button?</strong><br/>
  (given the complexity of the CSS going on inside the repository, converting it to a button would be a lot of work.)</p>
  <p>If I just add <code>href</code>, like below, then the ESLint warning is solved. But can the <code>history</code> module then still do its job properly?</p>
  <pre><code>&lt;a
      className=&quot;edit&quot;
      href={`/user/${this.props.match.params.id}/${i.slug}`}   //extra line
      onClick={() =&gt; {
          history.push(`/user/${this.props.match.params.id}/${i.slug}`);
      }}
  &gt;
      Edit User
  &lt;/a&gt;
  </code></pre>