Add onClick event to a group element (svg) with react
<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>