title: Make the children element of a parent that has onClick immune
body: <p>So I have a product wrapper that I want to be clicked and on click redirect the user to the specific page of that product. And inside that is the button that can add the product to the cart, but the problem occurs here, because the wrapper has onCLick, when I click the button, the parent onClick is called, So I don't know how to make the button immune to the onCLick of the div.</p>
  <pre><code>&lt;div onClick={() =&gt; navigate(product.id)}&gt;
    &lt;button onClick={() =&gt; add(product.id)&gt;Add to Cart&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>