Tengo este código:
Intenté con reload () y no funcionó, cuando el usuario se registra en mi página, esto muestra una vista con un error que indica "correo electrónico necesita verificación", bueno, ¿El modo único para ver la validación es actualizar con f5 la página? Necesito hacer clic en el enlace de verificación en el correo electrónico, esta página se actualiza
useEffect(() => {
onAuthStateChanged(auth, (logFirebase) => {
if (logFirebase) {
setUsuarioGlobal(logFirebase);
setUserMail(logFirebase.email);
if (logFirebase && logFirebase.emailVerified === false) {
sendEmailVerification(logFirebase).then(() => {
alert(`Verifica tu casilla de correo, para validar tu identidad`);
});
}
logFirebase.reload();
} else {
setUsuarioGlobal(null);
}
});
}, []);
Este es el error de representación del código o muestra el contenido de la página:
return (
usuarioGlobal.emailVerified ? (
<div className="myAccountContainer">
<h1>Bienvenida/o {userMail} !</h1>
{isLoading ? (
<Spinner />
) : (
<CTable color="warning" bordered borderColor="dark">
<CTableHead align="middle" color="dark">
<CTableRow>
<CTableHeaderCell scope="col">ID</CTableHeaderCell>
<CTableHeaderCell scope="col">Fecha</CTableHeaderCell>
<CTableHeaderCell scope="col">Productos</CTableHeaderCell>
<CTableHeaderCell scope="col">Total</CTableHeaderCell>
</CTableRow>
</CTableHead>
<CTableBody align="middle">
{listaCompra
? listaCompra.map((compra) => {
return <MyOrders compra={compra} key={compra.id} />;
})
: null}
</CTableBody>
</CTable>
)}
<CButton size="lg" color="danger" onClick={()=>handleSignOut()}>
Cerrar Sesion
</CButton>
</div>) : (<Error msg={'La pagina no puede ser mostrada ya que tu usuario no fue verificado!'}/>)
);
};