title: clicking on icon inside button of materialize-css react triggers onClick
body: <p>Clicking on the button triggers the onClick appropriately but clicking on the icon within the button triggers the onClick as well but without the right data (<code>item.target.className</code> and what not)</p>
  
  <pre><code>&lt;button id={check} onClick={this.changeTimesButton} className="waves-effect waves-light btn"&gt;&lt;i className="material-icons"&gt;check_box&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>Is there anyway to disable the icon being able to be clicked</p>
  
  <p>using materialize-css in react project</p>