[Autocomplete] shows zero[0] in input when we clear the input programmatically

In some cases after I select suggestion 0 appears in the input and kinda breaks the process.

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

Current Behavior 😯

I use inputValue/onInputChange because I want let user to also add custom values so I enabled freeSolo and filterOptions, hence the typing value should be controlled and I should clear it whenever I want. Now the problem is with this set-up when I select an option and then I delete it, after re-selecting it the value 0 will be shown in the input and it kinda breaks after that.

Expected Behavior 🤔

I should be able to re-select a value as many as I want.

Steps to Reproduce 🕹

Here is link to CodeSandBox (freeSolo and filterOptions are not enabled for simplicity)

Steps:

1. Select Radiohead for instance.
2. Click on Radiohead to delete it.
3. Re-select Radiohead and you’ll see the problem

Context 🔦

Tech	Version
Material-UI	v4.9.10
Material-lab	4.0.0-alpha.49
React	16.13.1
Browser	Chrome / Firefox
TypeScript	No

[oliviertassinari]

@erfansamieyan You need to control the value too, to clear it.

[erfoon]

@oliviertassinari Yes you’re right. I had to add a new state and pass to component only for making it clear. It’s working now. Thanks