title: PreventDefault in link in React Router not working
body: <p>I have a <code>&lt;Link&gt;</code> element from React Router that I <em>don't</em> want to open in a new tab or existing tab, but <code>e.preventDefault()</code> isn't working:</p>
  
  <pre><code>constructor(props) {
    super(props);
    this.loadLink = this.loadLink.bind(this);
  }
  
  loadLink(e) {
    e.preventDefault();
    const id = null || e.target.id;
    this.props.onLink(id);
  }
  
  render() {
    return (
        &lt;Link id="my-id" ref="my-id" onClick={this.loadLink} to="/some-url"&gt;Some link&lt;/Link&gt;
      );
  }
  </code></pre>
  
  <p>I've tried <code>e.stopPropagation()</code> and <code>e.nativeEvent.stopImmediatePropagation()</code>, tried converting it from <code>&lt;Link&gt;</code> to a regular <code>&lt;a&gt;</code> tag, but no matter what clicking the link always opens in a new tab.</p>
  
  <p>I've checked via dev tools and it's the only custom event handler attached to that link.</p>
  
  <p>Any ideas what this could be or how to trace?</p>