Redux Form toggle password visibility clears input value - react-native

Question

I'm having an issue when using redux form with react native, when I toggle the password visibility the password field input is cleared, when I remove redux form things work as expected. Below is the code I'm using, I also tried saving the value to a local state but that doesn't work either.
import React, {useState} from 'react';
import {StatusBar} from 'react-native';
import {Icon, FormControl, Button, HStack, Pressable} from 'native-base';
import {Field, reduxForm} from 'redux-form';
import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
import PropTypes from 'prop-types';
import Input from './Input';
import {withActions} from 'context/ActionsContext';
const LoginForm = props => {
const {handleSubmit, submitting, invalid, toggleCreate, toggleModal} = props;
const [show, setShow] = useState(false);
return (
<>
<StatusBar barStyle="light-content" />
<Field
name="email"
component={field => (
<FormControl isInvalid={field.meta.error} mb="6">
<Input
input={field.input}
key={field.name}
placeholder="Email Address"
type="text"
keyboardType="email-address"
textContentType="emailAddress"
light
/>
<FormControl.ErrorMessage>
{field.meta.error}
</FormControl.ErrorMessage>
</FormControl>
)}
/>
<Field
name="password"
component={field => (
<FormControl isInvalid={field.meta.error} mb="6">
<Input
input={field.input}
key={field.name}
placeholder="Password"
type={show ? 'text' : 'password'}
keyboardType="default"
textContentType="password"
light
rightComponent={
<Pressable onPress={() => setShow(!show)}>
<Icon
as={
<MaterialIcons
name={show ? 'visibility' : 'visibility-off'}
/>
}
size={5}
mr="2"
/>
</Pressable>
}
/>
<FormControl.ErrorMessage>
{field.meta.error}
</FormControl.ErrorMessage>
</FormControl>
)}
/>
<Button
rounded="lg"
mt="3"
colorScheme="red"
_text={{
fontFamily: 'neuzeitBook',
fontSize: 'md',
fontWeight: '700',
}}
isDisabled={submitting || invalid}
onPress={handleSubmit}>
Sign in
</Button>
<Button
rounded="lg"
mt="6"
variant="solidLight"
_text={{
fontFamily: 'neuzeitBook',
fontSize: 'md',
}}
onPress={toggleCreate}>
Create Account
</Button>
<HStack mt="6" justifyContent="center">
<Button
p="3"
color="white"
variant="link"
onPress={toggleModal}
_text={{
fontFamily: 'neuzeitBook',
fontSize: 'md',
fontWeight: 'bold',
color: 'white',
}}>
Reset Password
</Button>
</HStack>
</>
);
};
LoginForm.propTypes = {
handleSubmit: PropTypes.func.isRequired,
placeholder: PropTypes.string,
};
export default reduxForm({
form: 'login',
})(withActions(LoginForm));
I tried removing redux form and it works as expected.