vue3 defineProps接收值的一个问题

Question

父组件传递的是一个 reactive([{id: 1}, {id: 2}])
子组件通过

const props = defineProps({
  arr: {
    type: Array,
    default() {
      return []
    }
  }
})

接收到 props

现在我可以在子组件中
toRaw(props.userMenu.value)
拿到原始的数组，[{id: 1}, {id: 2}]，可是当我

let menuList = toRaw(props.userMenu.value)
console.log(menuList);

打印的值却是 undefined
请问为什么会是 undefined而不是数组？该如何解决这个问题？
万分感谢回答

Answer 1

应该是let menuList = toRaw(props.userMenu)