custom error's from onSubmit validator doesn't show up. but zod validation errors does show.

{isInvalid && <FieldError errors={field.state.meta.errors} />}

validators: {
  onSubmitAsync: async ({ value }) => {
    // Validate the value on the server
    const hasErrors = await verifyDataOnServer(value)
    if (hasErrors) {
      return {
        form: 'Invalid data', // The `form` key is optional
        fields: {
          age: 'Must be 13 or older to sign',
          // Set errors on nested fields with the field's name
          'socials[0].url': 'The provided URL does not exist',
          'details.email': 'An email is required',
        },
      }
    }

    return null
  },
},