Plotly Dash React Component

Looking for a React component to work in Ploty Dash. The component is an auto-suggest search bar (aka auto-complete, or typeahead) so that as you type a few letters, suggestions are shown below as you type... However there are two separate sets of suggestions, let's call them Countries and Cities, and I want two separate suggestions shown. So if you type "BO" the auto-suggest below would show: Countries: Bolivia Botswana Cities: Bogota Below the search will be two text fields, "Country" and "City" If you click on Botswana in the auto-suggest then the "Country" text field is populated in the page. If you click on Bogota, then the "City" text field is populated in the page. Once either City and/or Country are populated, you can search again. For example you type "CA" and it shows: Countries: Cambodia Cameroon Canada Cities: Cadiz Cairo If you then click on Cadiz (say) the City text field is overwritten with "Cadiz" but the Country text field is unaffected. To repeat, I want a single search box with auto-complete, that simultaneously searches two separate python lists. (e.g. Countries and Cities). This should be a React component that works in Plotly Dash. Note that Countries and Cities are just two examples, they can be any lists of strings.