PROBLEMA
El problema es que no estás declarando correctamente los tipos de datos esperados en el método llamado asyncRegister
.
Cuando haces esto:
async register({ email, password }) { ... }
falta el tipo de dato para email
y para password
.
Cuando haces esto:
async register({ email: string, password: string }) { ... }
estás declarando incorrectamente el tipo de dato.
SOLUCIÓN
Es común cometer este tipo de errores cuando estamos aprendiendo Typescript.
Para declarar el tipo de dato recibido por tu función tienes varias opciones, trataré de mostrarte algunas.
Declarar un tipo de dato que será usado como argumento de tu función:
declare type UserAuthData = {
email: string;
password: string;
}
async register(userData: UserAuthData): Promise<User | null> {
try {
const user = await createUserWithEmailAndPassword(
this.auth,
userData.email,
userData.password
);
return user
} catch (e) {
if(e instanceof Error) {
console.error(e.message);
}
return null;
}
}
Si no deseas declarar un tipo de dato, entonces debes declarar el tipo de dato de la siguiente forma:
async register(userData: {email: string, password: string}): Promise<User | null> {
try {
const user = await createUserWithEmailAndPassword(
this.auth,
userData.email,
userData.password
);
return user
} catch (e) {
if(e instanceof Error) {
console.error(e.message);
}
return null;
}
}
También podrías usar argumentos independientes en tu función:
async register(email: string, password: string): Promise<User | null> {
try {
const user = await createUserWithEmailAndPassword(
this.auth,
email,
password
);
return user
} catch (e) {
if(e instanceof Error) {
console.error(e.message);
}
return null;
}
}
En caso de que desees usar un objeto literal, como lo tienes en tu código original, también lo puedes hacer de la siguiente forma:
async register({email, password}: {email: string, password: string}): Promise<User | null> {
try {
const user = await createUserWithEmailAndPassword(
this.auth,
email,
password
);
return user
} catch (e) {
if(e instanceof Error) {
console.error(e.message);
}
return null;
}
}
Puedes observar que he añadido el tipo de "return" devuelto por la función, ya que siempre debes declararlo. Como la función es de tipo async
, el resultado será una Promesa, por lo cual el tipo de dato devuelto es:
Promise<User | null>
Espero que esto te ayude a resolver el problema
register
te falta declarar el tipo de dato de cada clave del objeto que pasas como argumento. SaludosString
es un Objeto Global, no es un tipo de dato.