Obtengo una variable de estado (formData) como accesorios del padre en este componente secundario en el que estoy trabajando. Tengo una entrada de correo electrónico con validación onChange que también busca el correo electrónico en nuestra base de datos. Tengo un onFormFeildsChange que es una función en otro archivo, está configurando fromData y validándolo. Una vez que se realiza la validación, estoy presionando una API en la función "getCandidateByEmail" para saber si este correo electrónico existe o no. Pero el código no pasará de la función de espera. También intenté usar then() pero obtengo el mismo error. Por favor, ayuda a entender el problema con mi código.

 const getCandidateByEmail = async () => { console.log("in getCandidateByEmail before"); const response = await getCandidateByEmail({ email: formDataProp?.formData?.email?.valueText, });

}

El efecto de uso: -

 useEffect(() => { if (validationStatus?.emailValid) { console.log("in useffect email valid"); getCandidateByEmail(); }

}, [formDataProp?.formData?.email?.valueText]);

La entrada JSX: -

 <input defaultValue={formDataProp?.formData?.email?.valueText} type="email" placeholder="Email of candidate" onChange={($event) => { onFormFeildsChange( $event, formDataProp?.formData, formDataProp?.setFormData );

} />