TypeError: Cannot read properties of undefined (reading '$props')"

这个错误通常出现在你尝试访问一个未定义的组件或者组件实例的$props属性上。可能的原因包括：

1. 你没有正确地引入或注册组件，导致该组件的实例不存在。在使用组件之前，需要先在Vue实例或组件中注册该组件。

2. 组件实例还没有被创建，或者在访问$props属性之前还没有完成组件的渲染。在Vue的生命周期中，组件实例的创建和渲染是异步的，如果你在组件还没有完成渲染之前就访问$props属性，就会出现该错误。

3. 你可能在访问$props属性之前没有正确地设置组件的ref属性。ref属性是用来获取组件实例的，如果没有正确地设置ref属性，就无法访问组件实例的$props属性。

解决这个问题的方法包括：

1. 确保你正确地引入和注册了组件，并且在组件渲染之前使用了v-if等条件渲染指令，以确保组件实例已经被创建。

2. 在组件的mounted钩子函数中访问$props属性，以确保组件已经完成渲染。

3. 在使用组件时，正确地设置ref属性，并在访问组件实例之前等待组件渲染完成。可以使用Vue的$nextTick方法或者使用异步的方式来等待组件渲染完成。例如：

<template>
  <my-component ref="myComponentRef"></my-component>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      const props = this.$refs.myComponentRef.$props;
      console.log(props);
    });
  }
}
</script>