(VUE3) Why vue not rerender page after promise resolve

[rubanNg]

Hi i have function which validate form fields.
if i run synchronous validators mypage usually rerender and show meesage about errors
but if after ran synchronous validators i dont have erros i run async validators(is promise function) and if validator return errors i add this errros to my error list also
But my problem is that the page is not rerendered even if there are errors after running the asynchronous validators
But if I press ctrl+s in the vs code, I can see my errors on my page.
I think my problem in promises but i cant resolve this problem.

I tried to use nextTick but it didn't help.

I think it might be a vue problem.
If you have any ideas I'd be happy to hear them.

You can see the link in more detail
https://github.com/rubanNg/vue-reactive-form/blob/master/src/package/lib/abstract-conrol.ts#L182

updateValidity({ updateParentValidity, runAsyncValidators }: ControlUpdateOptions = { updateParentValidity: true, runAsyncValidators: true }) {
    this._cancelExistingAsyncValidator();

    this._errors = this._validators.reduce((errors: ValidationErrors, validator) => ({
      ...errors,
      ...validator(this),
    }), {});

    if (this.valid && runAsyncValidators) {
      this._runAsyncValidators();
    }

    if (updateParentValidity) {
      this.parent?.updateValidity({ updateParentValidity, runAsyncValidators });
    }
  }

private _runAsyncValidators() {
  this._hasOwnPendingAsyncValidator.value = true;

  this._existingCancelableAsyncValidators = this._asyncValidators.map(asyncValidator => {
    return this._makeCancelableAsyncValidator(asyncValidator);
  });

  Promise.allSettled(this._existingCancelableAsyncValidators).then((resultErrors) => {
    const errors = resultErrors.reduce((collectedErrors, error) => {
      if (error.status === 'fulfilled') {
        return { ...collectedErrors, ...error.value }; 
      }
      return collectedErrors;
    }, {} as ValidationErrors);

    this._hasOwnPendingAsyncValidator.value = false;
    this.addErrors(errors);
  });
}

addErrors(errors: ValidationErrors) {
    this._errors = {
      ...this._errors,
      ...errors
    };
  }

// this._errors
private _errors = reactive<ValidationErrors>({});

[apparaog9]

Has anyone found a solution to this issue? I'm encountering the same problem while using the latest version of Vue.