title: Material UI Autocomplete
body: <p>I am building a form using Material UI's autocomplete feature. The field renders chips however I am unable to modify the onDelete prop of the chip component. I have tried modifying other props such as the variant, label, etc but even trying to get the onDelete prop to do a simple console log does not work. My code is below.</p>
  
  <pre><code>        &lt;Autocomplete
        onChange={handleRecChange("foodRecs")}
        multiple
        options={menuItems}
        renderTags={(value, getTagProps) =&gt;
          value.map((option, index) =&gt; (
            &lt;Chip
              variant="outlined"
              key={option}
              label={option}
              onDelete={() =&gt; console.log("test")}
              {...getTagProps({ index })}
            /&gt;
          ))
        }
        renderInput={params =&gt; (
          &lt;TextField
            {...params}
            variant="standard"
            label="Recommendations"
            placeholder="Choose anything from the menu"
            fullWidth
          /&gt;
        )}
      /&gt;
  </code></pre>