我有一个父组件，并尝试将反应对象作为 props 传递：

<template>
    <Child :info="reactiveObject" />
</template>
<script setup>

const reactiveObject = reactive({ name: "Object", id: "443"})

Child.vue

<template>
    <div> {{ info.name }} 
</template>
<script setup>
const props = defineProps({
    info: Object,})

然后我收到 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name')

如果我将完整的 props 对象信息传递到双括号中，我会在 html 中得到类似这样的值 image

为什么我无法通过 info.name 获取名称？