title: MaterialUI Autocomplete - Avoid clearing input text filter when option is selected
body: <p>I've imported the Autocomplete component from MaterialUI in my React project and using it as a multiple select with checkboxes: <a href="https://material-ui.com/components/autocomplete/#checkboxes" rel="nofollow noreferrer">https://material-ui.com/components/autocomplete/#checkboxes</a></p>
  <p>I noticed that when I type into the input to filter the list and then select a value, the filter inserted by the user resets. I want to avoid this and continue to multi-select with the filter instead of reinsert it every time. I didn't find any props in the component API to solve this.</p>
  <p>Any suggestion?</p>
  <p>That's my component code:</p>
  <pre><code>const VirtualAutocomplete = (props) =&gt; {
      const classes = useStyles();
      const textClasses = textStyles();
  
      return (
          &lt;Autocomplete
              id={props.id}
              style={{ width: 'auto' }}
              value={props.value}
              limitTags={4}
              noOptionsText=&quot;No records found.&quot;
              classes={classes}
              disableCloseOnSelect
              ListboxComponent={ListboxComponent}
              renderGroup={renderGroup}
              onChange={props.onChange}
              options={props.options}
              filterOptions={startsWith}
              multiple={props.multiple}
              renderInput={(params) =&gt;
                  &lt;ThemeProvider theme={theme}&gt;
                      &lt;TextField {...params}
                          variant='outlined'
                          classes={{ root: textClasses.formControlRoot }}
                          InputLabelProps={{ classes: { root: textClasses.labelRoot } }}
                          label={props.label}
                      /&gt;
                  &lt;/ThemeProvider&gt;
              }
              renderOption={(option, { selected }) =&gt; (
                  &lt;Fragment&gt;
                      &lt;Checkbox
                          icon={icon}
                          checkedIcon={checkedIcon}
                          style={{ marginRight: 8 }}
                          checked={selected}
                      /&gt;
                      {option}
                  &lt;/Fragment&gt;
              )}
          /&gt;
      );
  }
  </code></pre>