material-ui 1.0 - how to create a chip input with autocomplete?

Question

In an application using material-ui v1.0 (aka material-ui-next), how can I create a chip input field with autocomplete options? (I.e. a text box that, when you start typing, produces a list of available options, and when you click one of those options changes the option to a chip -- somewhat like the tag entry box on stack overflow)

Everything I've found so far suggests using https://github.com/TeamWertarbyte/material-ui-chip-input but this library is using the older material-ui v0.20 and while they're in the process of porting to material-ui v1.0 the branch for this doesn't support autocomplete yet. Is there another way of doing this?

Answer 1

Orginal React Selectv2 A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

https://react-select.com/home#getting-started

Answer 2

If you can use a plugin then i would suggest you to go with : React Select Plus

github