I have a dropdown in my SPFX search webpart under FieldCollectionData control. Below is the code for that.

                  title: "Select column",
                  id: "ColumnName",
                  type: CustomCollectionFieldType.dropdown,
                  options: this.AllFields,
                  required: true

Possible values for dropdown is already stored in AllFields array.

I need to change the dropdown to a text/string field. If a user is typing something into a textbox and what they are typing in starts to match a value that is already in the 'AllFields', how do I get the textbox to give the option to auto-fill the rest of what the user wants to type in based on the value that is already in the 'AllFields' array?

I tried to use 'PropertyFieldColumnPicker' control, but its not working.

I am new to SPFX webparts. Any help would be really appreciable. Thanks in advance