QOptionGroup invalid type of options for typescript

[hyperion-cs]

What happened?

When using the QOptionGroup component and options in conjunction with option-value/option-label (options list items have different field names than value/label), a typescript type checking error occurs, e.g.:

Type '{ id: number; name: string; }[]' is not assignable to type '{ [props: string]: any; label: string; value: any; disable?: boolean | undefined; }[]'.

What did you expect to happen?

I expect that it's possible to put a list of any objects into options, as is implemented e.g. in QSelect.

Reproduction URL

https://stackblitz.com/edit/vite-cywbftpt?file=src%2FApp.vue

How to reproduce?

<script setup lang="ts">
  import { ref } from 'vue'
  const mod = ref([])
  const opts = [{ id: 1, name: 'foo' }, { id: 2, name: 'bar' }]
</script>

<template>
  <q-option-group v-model="mod" :options="opts" option-value="id" option-label="name" />
</template>

Flavour

Vite Plugin (@quasar/vite-plugin)

Areas

Components (quasar), TypeScript Support

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

In fact it works in a dev environment, it's just the options have the wrong type.

[rstoenescu]

Fix will be available in Quasar v2.17.7