title: React Mapbox Extra Button Doesnt Work Inside Popup
body: <p>I am working with mapbox react gl - It is working pretty nice so far... except one thing.
  The user can add their hometown location to the map. When the hometown location appears, it can be clicked to view a popup. I want the user to be able to remove the location from the map from inside the popup - So I added a function that removes the location from the database when a button is clicked. The problem is when the button is inside the popup the function doesn't fire - and I have no idea why. </p>
  
  <p>I have messed with the z index of the button but it seems like whenever the button is clicked, the onClose function is being called instead of my handleDeleteHome function... </p>
  
  <p>Edit* If I remove the onClose function, the handleDeleteHome function fires. </p>
  
  <p>Any help is appriciated! Thanks!</p>
  
  <pre><code>{selectedHome &amp;&amp; (
                              &lt;Popup 
                                  latitude={bandLocation[0]} 
                                  longitude={bandLocation[1]}
                                  onClose={() =&gt; {setSelectedHome(null)}}
                                  offsetLeft={23}
                                  offsetTop={-10}
                                  &gt;
                                      &lt;div&gt;
                                          &lt;h4&gt;Home Town&lt;/h4&gt;
                                          &lt;Button 
                                              onClick={(e) =&gt; {
                                              e.preventDefault()
                                              handleDeleteHome()
                                          }} 
                                          color="danger"&gt;x&lt;/Button&gt;
                                      &lt;/div&gt;
                              &lt;/Popup&gt;
                          )}
  </code></pre>