Hi i am using an SearchableDropdown to filter some data when i search for tham. When i go filter i have 1500 users with names and some of tham have simbols in their name like this one "&" and when there is a name like Fish & Chips i am getting an error and i dont see that user i get 0 data and i should have been found that user couse i send the data via options to search him specificly. And any other customer that does not have that simbol i search succesfuly.

This is my Searchable dropdown.

            <SearchableDropdown
                  multi={false}
                  onItemSelect={(item) => {
                    var items = [];//this.state.searchVendor;
                    items.push(item)
                    this.setState({...this.state, searchCustomer: item });
                  }}
                  chip={true}
                  selectedItems={this.state.searchCustomer}
                  containerStyle={{ padding: 0 }}
                  onRemoveItem={(item, index) => {
                    //const items = this.state.searchVendor.filter((sitem) => sitem.id !== 
                   item.id);
                    this.setState({...this.state, searchCustomer: ''});
                  }}
                  textInputStyle={styles.input}
                  itemStyle={{
                    paddingVertical: 10,
                    paddingHorizontal: 0,
                    marginTop: 2,
                    backgroundColor: '#FFF',
                    borderColor: '#DDD',
                    borderBottomWidth: 1,
                  }}
                  itemTextStyle={{
                    fontFamily: 'Poppins-Regular',
                    color: '#222',
                  }}
                  defaultIndex={0}
                  itemsContainerStyle={{ maxHeight: 140 }}
                  items={this.state.allCustomersList}
                  resetValue={false}
                  textInputProps={
                    {
                      placeholder: this.state.searchCustomer !== undefined && 
               this.state.searchCustomer.name !== undefined ? this.state.searchCustomer.name : '',
                      placeholderTextColor: '#000',
                      underlineColorAndroid: "transparent",
                      onTextChange: (text) => {}
                    }
                  }
                  listProps={ {nestedScrollEnabled: false} }

I dont know is this enough information but if someone had simmilar issues please help :D