diff --git a/platypush/backend/http/webapp/src/components/panels/Entities/Entity.vue b/platypush/backend/http/webapp/src/components/panels/Entities/Entity.vue
index 722f2a65e..99cb7bcdc 100644
--- a/platypush/backend/http/webapp/src/components/panels/Entities/Entity.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Entities/Entity.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { defineAsyncComponent } from 'vue'
+import { defineAsyncComponent, shallowRef } from 'vue'
 import EntityMixin from "./EntityMixin"
 
 export default {
@@ -96,8 +96,10 @@ export default {
           }
       )
 
-      this.component = defineAsyncComponent(
-        () => import(`@/components/panels/Entities/${type}`)
+      this.component = shallowRef(
+        defineAsyncComponent(
+          () => import(`@/components/panels/Entities/${type}`)
+        )
       )
     }
   },
diff --git a/platypush/backend/http/webapp/src/components/widgets/Plugin/Index.vue b/platypush/backend/http/webapp/src/components/widgets/Plugin/Index.vue
index 0c0cba666..1a33ef8e9 100644
--- a/platypush/backend/http/webapp/src/components/widgets/Plugin/Index.vue
+++ b/platypush/backend/http/webapp/src/components/widgets/Plugin/Index.vue
@@ -8,7 +8,7 @@
 <script>
 import Utils from "@/Utils";
 import Loading from "@/components/Loading";
-import {defineAsyncComponent} from "vue";
+import { defineAsyncComponent, shallowRef } from "vue";
 
 export default {
   name: "Plugin",
@@ -41,7 +41,7 @@ export default {
       this.loading = true
 
       try {
-        this.component = defineAsyncComponent(() => import(`@/components/panels/${this.componentName}/Index`))
+        this.component = shallowRef(defineAsyncComponent(() => import(`@/components/panels/${this.componentName}/Index`)))
         this.$options.components[this.componentName] = this.component
         this.config = (await this.request('config.get_plugins'))?.[this.pluginName] || {}
       } finally {
diff --git a/platypush/backend/http/webapp/src/views/Dashboard.vue b/platypush/backend/http/webapp/src/views/Dashboard.vue
index 172b7ed32..6e74a713d 100644
--- a/platypush/backend/http/webapp/src/views/Dashboard.vue
+++ b/platypush/backend/http/webapp/src/views/Dashboard.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import { defineAsyncComponent } from 'vue'
+import { defineAsyncComponent, shallowRef } from 'vue'
 import Utils from '@/Utils'
 import Loading from "@/components/Loading";
 import Row from "@/components/widgets/Row";
@@ -67,8 +67,10 @@ export default {
           style: row.attributes.style?.nodeValue,
           class: row.attributes.class?.nodeValue,
           widgets: [...row.children].map((el) => {
-            const component = defineAsyncComponent(
+            const component = shallowRef(
+              defineAsyncComponent(
                 () => import(`@/components/widgets/${el.nodeName}/Index`)
+              )
             )
 
             const style = el.attributes.style?.nodeValue
diff --git a/platypush/backend/http/webapp/src/views/Panel.vue b/platypush/backend/http/webapp/src/views/Panel.vue
index 56a72e7ff..5d4f8a73c 100644
--- a/platypush/backend/http/webapp/src/views/Panel.vue
+++ b/platypush/backend/http/webapp/src/views/Panel.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import {defineAsyncComponent} from "vue";
+import { defineAsyncComponent, shallowRef } from "vue";
 import Utils from '@/Utils'
 import Loading from "@/components/Loading";
 import Nav from "@/components/Nav";
@@ -63,7 +63,7 @@ export default {
           return
         }
 
-        const component = defineAsyncComponent(async () => { return comp })
+        const component = shallowRef(defineAsyncComponent(async () => { return comp }))
         self.$options.components[name] = component
         self.components[name] = {
           component: component,
diff --git a/platypush/backend/http/webapp/src/views/Plugin.vue b/platypush/backend/http/webapp/src/views/Plugin.vue
index b6d28a8b4..1bbe30abb 100644
--- a/platypush/backend/http/webapp/src/views/Plugin.vue
+++ b/platypush/backend/http/webapp/src/views/Plugin.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import {defineAsyncComponent} from "vue";
+import { defineAsyncComponent, shallowRef } from "vue";
 import Utils from '@/Utils'
 import Loading from "@/components/Loading";
 import Nav from "@/components/Nav";
@@ -56,8 +56,8 @@ export default {
         return
       }
 
-      this.component = defineAsyncComponent(async () => { return comp })
-      this.$options.components[name] = this.component
+      this.component = shallowRef(defineAsyncComponent(async () => { return comp }))
+      this.$options.components[componentName] = this.component
     },
 
     async initConfig() {