title: Select is not working onClick IconComponent(dropdown-arrow) in react material ui
body: <p>Below is my code snippet. I am facing an issue, when I click on IconComponent(<em>dropdown-arrow</em>), Select component is not opening. </p>
  
  <pre><code>&lt;Select
    IconComponent={() =&gt; (
      &lt;ExpandMore className="dropdown-arrow" /&gt;
    )}
    onChange={this.handleSelectUpdate.bind(this)}
    value={this.state.somestate}
    inputProps={{
      name: "someprops1",
      id: "someprops1"
    }}
    disabled={this.props.someprops1.length === 1}
    className="dropdown"
  &gt;
    &gt;
    {_.map(this.props.someprops2, (item, id) =&gt; {
      return (
        &lt;MenuItem value={item.somekey} key={id}&gt;
          {item.somekey}
        &lt;/MenuItem&gt;
      );
    })}
  &lt;/Select&gt;
  
  </code></pre>