Help validating a @vueform/multiselect using Yup (used to work in previous version)

[damianfranco-miami]

Hola,
I would like to validate a multiselect.
This code used to work in previous versions, but it is now giving an error:

Field is required must be a string type, but the final value was: [ "\"admin\"" ].

Sample code:
https://codesandbox.io/s/vee-validate-v4-custom-field-labels-with-yup-forked-xdk3s3

How do I go about validating this multiselect?
Thank you!
Damian

Source code:

  <Form @submit="onSubmit" :validation-schema="schema" v-slot="{ errors }">
    {{ errors }}
    <div class="mb-3">
      <label for="email">Your Email</label>
      <Field id="email" name="email" type="email" class="form-control" />
      <!-- <ErrorMessage name="email" /> -->
      <div class="">{{ errors.email }}</div>
    </div>
    <div class="mb-3">
      <Field name="roles" v-slot="{ errors, field }">
        <multi-select
          mode="tags"
          name="roles"
          v-bind="field"
          :searchable="true"
          :create-option="true"
          :close-on-select="false"
          :allow-empty="false"
          :options="[
            { value: 'admin', label: 'Admin' },
            { value: 'pa', label: 'Physician Assistant' },
            { value: 'physician', label: 'Physician' },
          ]"
          :class="{ 'is-invalid': errors.roles }"
        />
      </Field>

      <ErrorMessage name="roles" />
    </div>

    <button>Submit</button>
  </Form>
</template>

<script>
import { Field, Form, ErrorMessage } from "vee-validate";
import * as Yup from "yup";

export default {
  name: "App",
  components: {
    Field,
    Form,
    ErrorMessage,
  },
  setup() {
    const schema = Yup.object().shape({
      email: Yup.string().email().required().label("Email Address"),
      roles: Yup.string().required().label("Roles is required"),
    });

    function onSubmit(values) {
      alert(JSON.stringify(values, null, 2));
    }

    return {
      schema,
      onSubmit,
    };
  },
};
</script>

<style>
</style>

[damianfranco-miami]

Fixed. I was using string instead of array in the schema.

  roles: Yup.array().min(1).required().label("Roles is required"),