React aplication works fine on navigator but it doesn't work in Cypress

[redzero2930]

so, i have a login screen

when i open it on the browser it works perfectly, when i click "continuar" button take me to the next screen
however, when i try to test it using cypress it just does not work, it try it testing it through code and also manual click

this is the function failing in cypress

VerifyUserExist(
  { phoneNumber: data.phoneNumber, idCountry: 1 },
  { userService }
)
  .then((response) => {
    console.log(response)
    if (response) {
      console.log(response)
      if (response.isEmployee) {
        console.log(response)
        console.log(response.isEmployee)
        const auth = defaultUserAuth;
        auth.isLoging = true;
        auth.isSignup = false;
        auth.user.phoneNumber = data.phoneNumber;
        auth.user.rememberPhoneNumber = data.rememberPhoneNumber;
        setUserAuth(auth).then(() => navigate(ELoginRouter.Password));
      } else {
        addToast({
          type: 'error',
          message: 'Por el momento sólo está disponible para empleados.',
        });
      }
    } else {
      addToast({
        type: 'error',
        message: 'Número no registrado.',
      });
    }
  })
  .catch((error) =>
    addToast({
      type: 'error',
      message: processRequestError(error),
    })
  )
  .finally(() => toggleLoading(false));

}

when i run it on browser (i tried chrome, mozilla, brave and edge) this are the console logs

{isAdmin: false, isEmployee: true, isEmployer: false, isInvestor: false, hasEmail: true}
login-form.tsx:91 {isAdmin: false, isEmployee: true, isEmployer: false, isInvestor: false, hasEmail: true}
login-form.tsx:93 {isAdmin: false, isEmployee: true, isEmployer: false, isInvestor: false, hasEmail: true}

showing it's working completly fine, but when i try it on Cypress this is the console log

{}
[[Prototype]]
:
Object
login-form.tsx:91
{}
[[Prototype]]
:
Object