Vue is issuing a warning about receiving a Component as a reactive object, which can cause unnecessary performance overhead. The warning suggests using markRaw or shallowRef instead of ref to avoid this issue. However, in my code, I am not explicitly using ref, shallowRef, or markRaw.
Here is the code snippet:
<template>
<ion-page>
<ion-nav :root="MorePageContainer"></ion-nav>
</ion-page>
</template>
<script lang="ts">
import { IonNav, IonPage } from '@ionic/vue';
import MorePageComponent from "@/components/MorePageComponent.vue";
export default {
components: {
IonNav, IonPage
},
data() {
return {
MorePageComponent
}
}
}
</script>
Why am I receiving this warning if I am not using ref?