How to set initial value on screen load

Hi, how to set value initial value on screen load, as below example, Need to set “BSNL” as default value

If data(items) is pulled from API, using useEffect and once data pulled successfully we set value to second last value like below example

const [open, setOpen] = useState(false);
const [value, setValue] = useState(null);
const [items, setItems] = useState([
        { value: 'Airtel', label: 'Airtel' },
        { value: 'BSNL', label: 'BSNL' },
        { value: 'VI', label: 'VI' }
    ]);

useEffect(() => {
//   data taken from api
  setItems(data);
}, []);

<DropDownPicker items={items} open={open} setOpen={setOpen} value={value} setValue={setValue} />

[gessic-apps]

@hossein-zare That deoesn’t seem to work for me…I set Value and it’s always showing as “select an item”

`

const [value, setValue] = useState('defaultValue');`


      <DropDownPicker
            style={defaultStyles.picker} 
            dropDownContainerStyle={defaultStyles.dropdownStyle}
            open={open}
            labelStyle={defaultStyles.dropDownLabels}
            listItemLabelStyle={defaultStyles.dropDownLabels}
            arrowIconStyle={{
                width: 20,
                height: 20,
              }}
            value={value}
            maxHeight={200}
            items={playerProfiles}
            searchable={false}
            setValue={updateProfile}
            // @ts-ignore
            setItems={setPlayerProfiles}
            // @ts-ignore
            setOpen={setOpen}
            />

`

[jjpeeradech]

try JSON.stringify for value