Simple way to render validation errors on the parent array field?

const schema = z.object({
  images: z.array(z.file().mime(["image/png"])),
});

function App() {
  const form = useAppForm({
    defaultValues: {
      images: [{}],
    },
    validators: {
      onChange: schema,
    }
  });

  return (
    <form onSubmit={ ... }>
      <form.AppField name="images">
        {(field) => (
          <React.Fragment>
            <input type="file" multiple />
            <div>
              {field.state.meta.errors.map(...)}
            </div>
          </React.Fragment>
        )}
      </form.AppField>
    </form>
  )
}