Material-ui: Autocomplete incompatibility with InputProps.

[rommelmamedov]

• [ ] The issue is present in the latest release.
• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Autocomplete element stop working after adding 'InputProps' prop to the TextField.

Expected Behavior 🤔

I want to render Autocomplete with custom 'startAdornment'

Code Example 🕹

const AppSelectAutocomplete = () => {
  const classes = useStyles();
  const [state, setState] = React.useState(null);

  return (
    <Autocomplete
      // open
      freeSolo
      selectOnFocus
      autoHighlight
      value={state}
      loading={false}
      options={countries}
      style={{ width: 500 }}
      onChange={(e, option) => setState(option)}
      className="AutocompleteLocation"
      classes={{ option: classes.option }}
      getOptionLabel={option => option.app_name}
      renderOption={option => (
        <div className="AutocompleteLocation-dropdown">
          <span className="app-logo">
            <img src={option.img} alt={option.app_name} />
          </span>
          <div className="AutocompleteLocation-text">
            <span className="app-name">{option.app_name}</span>
            <span className="app-publisher">{option.publisher}</span>
          </div>
        </div>
      )}
      renderInput={params => {
        return (
          <TextField
            {...params}
            placeholder="Aplication name"
            variant="outlined"
            InputProps={{ startAdornment: 's' }} // ??????? If enable this prop Autocomplete will stop working
            inputProps={{
              ...params.inputProps,
              autoComplete: 'new-password'
            }}
          />
        );
      }}
    />
  );
};

Context 🔦

I want to render Autocomplete with custom 'startAdornment'

Your Environment 🌎

| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.9.3 |
| React | v16.12.0 |
| Browser | Chrome |

[rommelmamedov]

I found out the reason. It's because I didn't pass ...params.InputProps to InputProps... 😓
It should be like this: InputProps={{ ...params.InputProps, startAdornment: <div/>}}