Tengo estas interfaces y funciones para manipular datos (correo electrónico, contraseña y nombre) para enviar a mi API.
interface SignUpData { email: string password: string name: string } interface SignupProps { handleSignup: () => void errors: DeepMap<FieldValues, FieldError> register: UseFormRegister<FieldValues> } const handleSignup = ({ name, email, password }: SignUpData) => { api .post("/users", {name, email, password}) } <SignupForm errors={errors} register={register} handleSignup={handleSubmit(handleSignup)} />
Sin embargo, tengo un problema en mi última línea.
handleSignup={handleSubmit(handleSignup)}
HandleSubmit es el valor predeterminado de los formularios
Sucede porque:
El argumento de tipo '({ nombre, correo electrónico, contraseña }: SignUpData) => void' no se puede asignar al parámetro de tipo 'SubmitHandler'. Los tipos de parámetro '__0' y 'data' son incompatibles. El tipo '{ [x: cadena]: cualquiera; }' no tiene las siguientes propiedades de tipo 'SignUpData': correo electrónico, contraseña, nombres (2345)