title: Add onClick event to a group element (svg) with react
body: <p>I'm trying to add an onClick event to an existing svg. Right now I have this :</p>
  
  <pre><code>&lt;g id="Group" onClick={this.clickGroup.bind(this, 1)}&gt;
  </code></pre>
  
  <p>Which <em>somewhat</em> works but not entirely... The event fires when I click the group but the "zone" that is clickable isn't the same as the group I want to be clickable (it seems completely random to me).</p>
  
  <p>Is there any better way to add events to a <code>&lt;g&gt;</code>element (with React ?) ?</p>