Mi forma de gancho de reacción con 3 pasos

 return ( <section className="flex max-wx"> <form onSubmit={handleSubmit(onSubmit)} className="mx-auto my-0 w-2/5"> <FirstStep show={formStep === 1} register={register} errors={errors} onNextClick={async () => { setFormStep((await trigger(['email', 'password', 'passwordConfirm'])) ? 2 : 1); }} /> <SecondStep show={formStep === 2} register={register} errors={errors} onNextClick={async () => { setFormStep((await trigger(['firstname', 'lastname', 'middlename', 'typeClient', 'phone'])) ? 3 : 2); }} onBackClick={() => setFormStep(1)} /> <ThirdStep show={formStep === 3} register={register} errors={errors} onBackClick={() => setFormStep(2)} isSubmitting={isSubmitting} /> </form> </section> );

y tener validadores síp para entrada de teléfono y correo electrónico

 email: email.test( 'isUnique', translate('signupFormScheme.email_is_busy'), async (value) => !value || await AuthService.checkEmail(value) === true, ), phone: phone.test( 'isUnique', translate('signupFormScheme.phone_is_busy'), async (value) => !value || await AuthService.checkPhone(value) === true, ).required(translate('signupFormScheme.phone_must_be_filled')),

Cuando presiono el botón en el primer paso, sí, empiezo la validación de trabajo para la entrada de correo electrónico, luego presiono el botón en el segundo paso y nuevamente comienzo a trabajar con los validadores para la entrada de correo electrónico y el teléfono. Y luego nuevamente presiono el botón Registrarse en el último paso y nuevamente comienzo la validación de trabajo para la entrada de correo electrónico y teléfono.

¿Por qué sí? porque uso triger (react-hook-form) Gracias por la respuesta