title: Material-UI: Disable only the action icon for Chip
body: <p>I would like to disable the (x) for chip. not the entire component, trying setting up the disabled will disable the entire component.</p>
  <p><a href="https://i.stack.imgur.com/wQGJY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wQGJY.png" alt="enter image description here" /></a></p>
  <p>How can I do that ?</p>
  <p>Based on Paven answer I've tried</p>
  <pre><code>import Chip from '@material-ui/core/Chip';
  import CancelIcon from '@material-ui/icons/Cancel';
  import FaceIcon from '@material-ui/icons/Face';
  
  {agent.assignedBots.map(assignedBot =&gt; {
     return (
       &lt;Chip
         key={assignedBot.id}
         icon={&lt;FaceIcon /&gt;}
         label={assignedBot.name}
         onDelete={() =&gt;
            onRemoveBotHandler(agent.id, assignedBot.id)
         }
         color=&quot;secondary&quot;
         deleteIcon={
         &lt;CancelIcon
           disabled={
            (state.removedBot.id == assignedBot.id &amp;&amp;
              state.removedBot.disabled) ||
            assignedBot.isRunning
            }
          /&gt;
         }
      /&gt;
    );
  })}
  </code></pre>
  <p>but no luck.</p>