Undefined is not an object (evaluating '_ref3.label')

This error appears when I fill in a text field (not even selecting an option).

<DropDownPicker
          items={[
            {
              label: 'Cm',
              value: 'cm',
            },
            {
              label: 'Mm',
              value: 'mm',
            },
          ]}
          defaultValue={sizeUnit}
          containerStyle={styles.selectContainer}
          style={styles.select}
          itemStyle={{
            justifyContent: 'flex-start',
          }}
          dropDownStyle={styles.selectDropdown}
          onChangeItem={(item) => setRoom({sizeUnit: item.value})}
/>

[hossein-zare]

Hello, in defaultValue={sizeUnit} the sizeUnit is undefined or its value doesnt exist in the items. Make sure the variable is valid.

[hossein-zare]

@feraraujofilho Try const [country, setCountry] = useState('uk'); & …

onChangeItem={(item) => setCountry(item.value)}