I'm trying to post data to the API using Picker and Formik, but in Formik it returns an empty value from Picker.

The problem is detected in the Picker, in onValueChange.

NOTE: In the Picker, get data successfully.

<Formik
   initialValues={{ article: '', type: '' }}
    onSubmit={(values, { setSubmitting }) => {
        if(values.article == '') {
            handleMessage('The field is mandatory');
            setSubmitting(false);
        } else {
            console.log(values);
            handleCreateItem(values, setSubmitting);
        }
    }}
>
    {({handleChange, handleBlur, handleSubmit, values, isSubmitting}) => (
        <CFormArea>
            <TextInput
                placeholder="Article"
                placeholderTextColor={text}
                onChangeText={handleChange('article')}
                onBlur={handleBlur('article')}
                value={values.article}
            />
            <CLabel>Type</CLabel>
            <Picker
                style={{color:'white'}}
                selectedValue={values.type} 
                onValueChange={(itemValue) => handleChange('type', itemValue)}
            >
            {
                getType.map((types, index) => {
                    return <Picker.Item key={index} label={types.material} value={types.id}  /> 
                })
            }
            </Picker>
            {!isSubmitting && (
                <Button onPress={handleSubmit}>
                    <TextButton> Create Item </TextButton>
                </Button>
            )}
        </CFormArea>
    )}
</Formik>