Error when passing array of color strings with props

[demiavaliani]

<template>
    <Twitter :default-colors="colors" />
</template>

<script lang="ts" setup>
    const colors = ref<ColorInput[]>(['green', 'red']);
</script>

Error in storybook:

[ckvv]

Can you provide a reproduction? I tested it and there was no problem

[demiavaliani]

Here you go: https://codesandbox.io/p/sandbox/stupefied-cherry-hwd28q

[ckvv]

Here you go: https://codesandbox.io/p/sandbox/stupefied-cherry-hwd28q

Need to bind v-model to work

<Twitter :default-colors="colors" v-model="value" />

https://codesandbox.io/p/sandbox/relaxed-tess-rz53s9?file=%2Fsrc%2FApp.vue%3A2%2C3-2%2C55

[demiavaliani]

Here you go: https://codesandbox.io/p/sandbox/stupefied-cherry-hwd28q

Need to bind v-model to work

<Twitter :default-colors="colors" v-model="value" />

https://codesandbox.io/p/sandbox/relaxed-tess-rz53s9?file=%2Fsrc%2FApp.vue%3A2%2C3-2%2C55

True. Thanks