Textarea inside Field type error

[compilekaiten]

Validation on my textarea works, but I get spammed with this TypeError, which is annoying. Does anyone know how to fix this?
I'm using Vue 3 + Vite, and TailwindCSS + DaisyUI. Thanks

Type '{ class: string; placeholder: string; type: string; name: string; onBlur: (e: Event) => unknown; onInput: (e: Event) => unknown; onChange: (e: Event) => unknown; 'onUpdate:modelValue'?: ((e: any) => unknown) | undefined; value?: unknown; checked?: boolean | undefined; as: string; }' is not assignable to type 'ElementAttrs<TextareaHTMLAttributes>'.
  Type '{ class: string; placeholder: string; type: string; name: string; onBlur: (e: Event) => unknown; onInput: (e: Event) => unknown; onChange: (e: Event) => unknown; 'onUpdate:modelValue'?: ((e: any) => unknown) | undefined; value?: unknown; checked?: boolean | undefined; as: string; }' is not assignable to type 'TextareaHTMLAttributes'.ts(2322)

<div class="flex flex-col">
<Field
  v-slot="{ field, meta, errorMessage }"
  name="message"
  type="textarea"
  value=""
  :rules="rules.message"
>
  <textarea
    as="textarea"
    v-bind="field"
    class="w-100 mt-2 textarea textarea-bordered focus:bg-base-300 transition-colors duration-100 ease-in-out"
    placeholder="What do you want"
    type="textarea"
    :class="{ 'border-error': errorMessage && meta.touched, 'border-success': !errorMessage && meta.touched }"
  />
</Field>
<ErrorMessage name="message" as="div" />
</div>