Quiero mostrar un mensaje de error cuando un usuario quiere iniciar sesión con el correo electrónico y la contraseña y no coinciden. Pero mi mensaje de error muestra tanto el momento en que el correo electrónico como la contraseña coinciden y no coinciden. La duración de este masaje es como 1s. Alguien que me ayude a encontrar el código incorrecto.

 const [signInWithEmailAndPassword, user, error] = useSignInWithEmailAndPassword(auth); const navigate = useNavigate() if (user) { navigate(from, { replace: true }); } const handleLogin = async event => { event.preventDefault(); const email = emailRef.current.value; const password = passwordRef.current.value; await signInWithEmailAndPassword(email, password); const { data } = await axios.post('https://powerful-depths-51836.herokuapp.com/login', { email }); localStorage.setItem('accessToken', data.accessToken); // navigate(from, { replace: true }); } let errorMassage; if (error) { console.log(error) errorMassage = <p className='text-red-600 font-bold text-center mt-2'>Please Enter Correct Email and Password</p> }

cuando consola. log (error) . todo el tiempo su valor es verdadero;