vue3.2 Cannot read properties of undefined (reading '$refs')

This error occurs when you are trying to access the `$refs` property of a component but the component is not mounted yet or does not exist.

To fix this error, you can check if the component is mounted before accessing its `$refs` property. You can use the `this.$refs` property in the `mounted()` lifecycle hook to ensure that the component is mounted before accessing its `$refs`.

For example:

<template>
  <div>
    <input ref="myInput" type="text" />
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$refs.myInput.value);
  },
};
</script>

In this example, we are accessing the `value` property of the `myInput` input element using `$refs` in the `mounted()` hook. This ensures that the component is mounted before accessing the `$refs` property, preventing the "Cannot read properties of undefined (reading '$refs')" error.