TypeError: Cannot convert object to primitive value

[AragakioYui]

When i use like this , i got an error.

Version: 3.4.23+

<template>
  <Suspense>
    <component
      :is="components.component"
      v-if="components.visible"
      v-model="components.visible"
      v-bind="components.binding"
    ></component>
  </Suspense>
</template>

const components = shallowRef({
  visible: false,
  binding: null,
  component: null,
})
const asyncComps1 = defineAsyncComponent(()=>{})
const asyncComps2 = defineAsyncComponent(()=>{})
const handleSomething = ()=>{
  components.value = {
    visible: true,
    binding: {
      data:'xxx',
    },
    component: asyncComps1, //asyncComps2 
  }
}