¿Cómo mostrar al usuario un error de autenticación de manera diferente que con una alerta? Por ejemplo: el usuario escribirá una contraseña incorrecta y la etiqueta ap le dirá que escribió una contraseña incorrecta. Usando Firebase v9 y React.

Algo de código:

 import React from 'react' import { Link, useNavigate } from "react-router-dom"; import { UserAuth } from '../context/AuthContext'; import { useState } from 'react'; const Signin = () => { const [email, setEmail] = useState('') const [password, setPassword] = useState('') const [error, setError] = useState(''); const navigate = useNavigate(); const { signIn } = UserAuth(); const handleSubmit = async (e) => { e.preventDefault(); setError('') try{ await signIn(email, password) navigate("/"); } catch (e) { setError(e.message) alert(e.message) } } return ( <div className='Signin'>Signin <form onSubmit={handleSubmit}> <label>Email</label> <input onChange={(e) => setEmail(e.target.value)} type="email"/> <label>password</label> <input onChange={(e) => setPassword(e.target.value)} type="password"/> <button type="submit">Sign up</button> <p className='errorp'></p> </form> </div> ) }

exportar inicio de sesión predeterminado

¡Gracias!