Listbox - using multiple not working for Vue wrapper component with computed modelValue

[OliverGrimsley]

I have a simple wrapper component that works fine if I do not use multiple (the incoming data options is [{id: Number, name: String}]:

<template>
  <Listbox v-model="selectedOption">
    <ListboxButton class="CSS OMITTED">{{ selectedOption.name }}</ListboxButton>
    <ListboxOptions>
      <ListboxOption
        v-for="option in options"
        :key="option.id"
        :value="option"
        class="CSSOMITTED"
      >
        {{ option.name }}
      </ListboxOption>
    </ListboxOptions>
  </Listbox>
</template>

<script setup>
import { computed } from 'vue'
import { Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/vue'

const props = defineProps({
  modelValue: {
    type: Array,
    default: () => [{}]
  },
  options: {
    type: Array
  }
})

const emit = defineEmits(['update:modelValue'])

const selectedOption = computed({
  get: () => props.modelValue,
  set: (value) => emit('update:modelValue', value)
})
</script>

If I add multiple , i.e.

<template>
  <Listbox v-model="selectedOption" multiple>
...

I get an error upon clicking on the select box:
vue__WEBPACK_IMPORTED_MODULE_0__.toRaw(...).some is not a function

In looking at the component, something seems to be not working at or around line 643 at the toRaw function:

 let selected = computed(() =>
      match(api.mode.value, {
        [ValueMode.Single]: () => api.compare(toRaw(api.value.value), toRaw(props.value)),
        [ValueMode.Multi]: () =>
          (toRaw(api.value.value) as unknown[]).some((value) =>
            api.compare(toRaw(value), toRaw(props.value))
          ),
      })
    )

Would love to use for multiple selects too but could not figure this out . . .

[colinramsay]

This happens if the value passed to the ListBox is not an array.