title: React Router Link component inside of onClick div activates both instead of the one intended
body: <p>I use <code>React Router v5</code>.</p>
  <p>I have a Link, which leads to some URL, that is inside of a div, which can be clicked using onClick and history.push to lead to a different URL.</p>
  <p>When the &quot;inner&quot; <code>Link</code> component is clicked, both URLs try to open, even though I want only the Link to open when specifically hovered and the <code>onClick</code> only to open when I click on the backgroung or rest of the div.</p>
  <p>An example: If you click on a post on twitter, it opens the post. If you click on the authors name (which is inside the post), only the profile of the author opens and not the post itself.</p>
  <p>I would like to be able to do something like this.</p>
  <p>How can I solve this?</p>