title: ListItem in material UI reactjs
body: <p>I have been trying to use custom buttons for ListItem with children. I am able to change the open button using rightIconButton props of ListItem, but unable to change it after toggling. I have tried using righToggle props of ListItem, but still, it's not working. </p>
  
  <pre><code>&lt;ListItem 
    style={{height: 46}} 
    nestedListStyle={{padding: 0}}
    key={key}
    open={this.checkOpenMenu()}
    primaryTogglesNestedList={true}
    primaryText='test'
    rightIconButton = {
      &lt;IconButton style={{}}&gt;&lt;img src={baseUrl + "/open.svg" } alt="More" /&gt;
      &lt;/IconButton&gt;}
    rightToggle = {
      &lt;IconButton style={{}}&gt;&lt;img src={baseUrl + "/close.svg" } alt="More" /&gt;
      &lt;/IconButton&gt;}
    nestedItems={children}
  /&gt;);
  </code></pre>