"null is not an object" on selection

[ginnyedelstein]

const [categoryOpen, setCategoryOpen] = useState(false); const [categoryValue, setCategoryValue] = useState(null); const [categoryItems, setCategoryItems] = useState([ { label: "General", value: "general" }, { label: "Technology", value: "technology" }, ]); const [radiusOpen, setRadiusOpen] = useState(false); const [radiusValue, setRadiusValue] = useState(null); const [radiusItems, setRadiusItems] = useState([ { label: "5km", value: "5" }, { label: "unlimited", value: "0" }, ]);

const onCategoryOpen = useCallback(() => { setRadiusOpen(false); }, []);

const onRadiusOpen = useCallback(() => { setCategoryOpen(false); }, []);

return ( <View style={styles.container}> <View style={styles.filersContainer}> <DropDownPicker multiple={true} open={categoryOpen} value={categoryValue} items={categoryItems} setOpen={setCategoryOpen} setValue={setCategoryValue} setItems={setCategoryItems} style={{ backgroundColor: "crimson", width: Dimensions.get("window").width / 3, }} onChangeValue={(value) => { alert(value); }} onOpen={onCategoryOpen} /> <DropDownPicker multiple={true} open={radiusOpen} value={radiusValue} items={radiusItems} setOpen={setRadiusOpen} setValue={setRadiusValue} setItems={setRadiusItems} style={{ backgroundColor: "blue", width: Dimensions.get("window").width / 3, }} onChangeValue={(value) => { alert(value); }} onOpen={onRadiusOpen} /> </View> {help.map((request) => ( <Text>{request}</Text> ))} </View>

when i try to select select a value im getting "null is not an object (evaluating 'memoryRef.current.value.includes')

[hossein-zare]

const [categoryValue, setCategoryValue] = useState([]); 

https://hossein-zare.github.io/react-native-dropdown-picker-website/docs/usage#multiple-items

[ginnyedelstein]

thanks! can i set it to an initial value? this isnt working: const [radiusValue, setRadiusValue] = useState([ { label: "unlimited", value: "0" }, ]);

[hossein-zare]

useState(0); will do that for you.