vue3 PropType 未能抛出错误怎么解决

vue3 PropType 未能抛出错误怎么解决

如下代码：
父组件传到子组件的formValue 的name 是number类型的 并未抛出错误 这种问题怎么解决

子组件

// 子组件
<template>
  <div>{
    
    {
    
     formValue.name }}</div>
</template>
<script lang="ts">
import type {
    
     PropType } from "vue";
import {
    
     defineComponent } from "vue";
export interface UserForm {
    
    
    name: string;
    age: number;
}

export default defineComponent({
    
    
    props: {
    
    
        formValue: {
    
    
            type: Object as PropType<UserForm>,
            required: true
        }
    },
 
});
</script>

父组件

// 父组件
<template>
    <Slider :formValue="list"></Slider>
</template>
<script lang="ts">
import {
    
     defineComponent } from 'vue'
import Slider from '../components/Slider.vue'

const Home = defineComponent({
    
    
  components:{
    
    
    Slider
  },
  data() {
    
    
    return {
    
    
      list:{
    
     name: 111, age: 1 }  
    }
  },
  created() {
    
    
    console.log('routerList', this.$route)
    console.log(this)
  },
  methods: {
    
    
    hello() {
    
    
      console.log('hahha')
      return 'nihao'
    }
  }
})

export default Home
</script>

<style scoped lang="less">

</style>