title: Event is propagating to parent even if the event.stopPropagation is written in onClick handler
body: <p>In the below code When clicked on settings the page is redirected to <code>google.com</code> even the <code>e.stopPropagation</code> is written in setting's <code>onClick</code> handler</p>
  
  <pre><code>    &lt;a className="App" href="http://google.com" onClick={() =&gt; alert("parent")}&gt;
        Home
        &lt;div
          href={"http://youtube.com"}
          onClick={e =&gt; {
            alert("child");
            e.stopPropagation();
          }}
        &gt;
          Settings
        &lt;/div&gt;
      &lt;/a&gt;
  </code></pre>
  
  <p>Why is that? But When I add <code>e.preventDefault()</code> it is not redirecting to <code>google.com</code> ? Why <code>e.stopPropagation</code> not working and <code>e.preventDefault</code> is working.Can anyone explain.</p>
  
  <p>sandbox link - <a href="https://codesandbox.io/s/l7wx5yzp6m" rel="nofollow noreferrer">https://codesandbox.io/s/l7wx5yzp6m</a></p>
  
  <p>Thanks.</p>