In React Login component Firebase login signup is working but when I am trying to send a reset password Link then it is not working. there is no getting email value from the field, but sign-in is working. So unable to send the reset password link in my email.

Login Submit Button : it's working:

 const handleToSubmit = (event) => {
    event.preventDefault();
    const email = event.target.email.value;
    const password = event.target.password.value;
    signInWithEmailAndPassword(email, password)
}

Reset password Function code: it's not working:

<!-- language: lang-js -->

        const resetPassword = async (event) => {
            const email = event.target.email.value
            if (email) {
                await sendPasswordResetEmail(email);
                toast.success(`Check your Email ⮞ ${email}`);
            } else {
                toast.warn('Enter Email  ☹ ');
            }
        }

<!-- end snippet -->

My Email input field: it's working for login but not for reset password

<Form.Group controlId="formBasicEmail">
      <Form.Control type="email" name="email" placeholder="Enter email" />
</Form.Group>

Reset Click Button: it's not working:

    <button onClick={resetPassword}> Reset Password </button>