TypeError when providing default value in DropDownPicker

I am creating a dropdown picker with remote search enabled. And for the default value I am using value from the redux state. But upon app refresh, I am getting the following error,

TypeError: _value.includes is not a function. (In '_value.includes(item[_schema.value])', '_value.includes' is undefined)

Current Usage:

<DropDownPicker
    addCustomItem={true}
    disableLocalSearch={true}
    items={currentMeta.meta}
    open={pickerState && pickerState[metaKey]}
    onChangeSearchText={
      (searchKey) => handleRemoteDropDownSearch(
        searchKey, currentMeta
      )
    }
    onOpen={() => handleDropDownOpen(metaKey)}
    onClose={() => handleDropDownClose()}
    placeholder={currentMeta.placeholder}
    {...getDropDownStyles(currentMeta.meta.length)}
    searchable={true}
    searchPlaceholder={'Start typing...'}
    setValue={
      (newValue) => handleDropDownChange(
        currentMeta.stateKey, newValue()
      )
    }
    value={userData[currentMeta.stateKey]}
    zIndex={2000}
    {...dropDownSearchStyles}
/>

userData has key-values as per the key from currentMeta.stateKey E.g. If currentMeta.stateKey is university then userData[currentMeta.stateKey] return My University (string)

It would be great if someone can help on this

@hossein-zare

[hossein-zare]

The callback was returning undefined because you’d not passed the current value. in the renderListItem method undefined.includes was complaining.

[orhangazi]

Hello,

Share code of the handleDropDownChange function. The newValue() needs the current value in the setValue property.

setValue={(newValue) => handleDropDownChange(
  currentMeta.stateKey, newValue()
)}

If userData[currentMeta.stateKey] is your state variable:

newValue(userData[currentMeta.stateKey])

Thank you so much. I am using redux and I was looking for this answer everywhere.