field.handleBlur runs form onChangeAsync validator

[MelDommer]

This might be intended behavior but I am trying to figure out how to prevent it.

In my text field component

const field = useFieldContext();

// ...

onBlur={(e) => {
  field.handleBlur();
}}

However I am not defining any field on blur validators

<form.AppField
  name="name"
  children={(field) => (
    <field.TextField
      label="Name"
      required
    />
  )}
/>

My useAppForm alsodoes not define any onBlur.. validators.
The only validator I have is in my useAppForm. It's an onChangeAsync

I have found whenever I click into a field and click out without changing anything this onChangeAsync is fired.

If I comment out field.handleBlur() then it doesn't fire anymore.

However I also tried:

onBlur={(e) => {
  field.handleBlur();
  e.preventDefault();
  e.stopPropagation();
}}

With these it still fires the form's onChangeAsync.

I'm just curious if there is any way to prevent field onBlur from triggering onChangeAsync when nothing was changed. If something was changed wouldn't onChangeAsync already been triggered?

Thanks for any clarifications on how this works. I tried searching everywhere in the docs and discussions and issues but couldn't find an answer.