I'm trying to edit the user profile data, and when I change the name in the input field, it won't change, it keeps the name that the user has.

 const [nameInput, setNameInput] = useState('');


  const editUserData = () => {
    const userParams = {
      phone: phone,
      fullName: nameInput,
      gender: value,
      birthdate: date,
    };
    axios
      .put('url', userParams)
      .then((response) => {
        console.log('response', response.data);
      })
      .catch((error) => {
        console.log(error.message);
      });
  };

  <TextInput
      style={styles.nameInputStyle}
      onChangeText={(event) => setNameInput(event)}
      value={nameInput}
      keyboardType="email-address"
      returnKeyType="done"
      onEndEditing={(e) => handleValidName(e.nativeEvent.text)}
      autoCapitalize="sentences"
   />

How can I change the value name in the input field?