调用vue递归组件，循环数据报错

写了一个vue的递归组件，子页面循环父页面数据的时候，ide报错，但是页面能能正常访问，但是不能build.
父文件：

子文件：

打包报错内容：

这个是啥原因？

v-for 语法写的时候，必须要绑定 key 属性，否则会出现一些异常，还有不要用vue里面声明过的一些关键字用作你的变量你把data 改成其他名字不要使用data

看起来是 ts 类型报错你这个data 是props 来的。在template 里应该得 props.data吧或者把 data赋值给一个变量

输出试试

<script setup>
const props = defineProps({
     data: Object
})
console.log(props.data);
</script>