Estou começando a estudar Typescript junto ao React, porém me deparei com esse erro apresentado pelo Typescript ao tentar efetuar a tipagem do retorno desta função de Login. Alguem poderia me ajudar a entender porque está errado?
Type '({ email, password, }: { email: string; password: string; }) => Promise<"Acredito que você ainda não se cadastrou no sistema" | "Acho que você errou suas credencias" | undefined>' is not assignable to type '(callback: { email: string; password: string; }) => string | void'.
Type 'Promise<"Acredito que você ainda não se cadastrou no sistema" | "Acho que você errou suas credencias" | undefined>' is not assignable to type 'string | void'.
Type para o meu contexto:
type ProviderValues = {
signed: boolean;
loading: boolean;
user: User | null;
setSigned: React.Dispatch<React.SetStateAction<boolean>>;
Login: (callback: {email: string, password: string}) => void | string;
};
Função Login
async function Login({
email,
password,
}: {
email: string;
password: string;
}) {
if (!account) {
return "Acredito que você ainda não se cadastrou no sistema";
}
if (account.email === email && account.password === password) {
setUser({
email: account.email,
name: account.name,
});
setSigned(true);
localStorage.setItem(
"@App:user",
JSON.stringify({ email: account.email, name: account.name })
);
localStorage.setItem("@App:token", randomString(50));
} else {
return "Acho que você errou suas credencias";
}
}
Login
é async ou não? Voce colocouasync Login(...)
. Tente colocar umreturn
no segundoif
.Login: (email: string, password: string) => Promise<string | void>;
Mas não sei se era o ideal