diff --git a/src/services/resettable_async_component.js b/src/services/resettable_async_component.js
index 517bbd886b..e85c540b8a 100644
--- a/src/services/resettable_async_component.js
+++ b/src/services/resettable_async_component.js
@@ -1,4 +1,5 @@
-import Vue from 'vue'
+// TODO investigate if even necessary since VUE3
+import { reactive } from 'vue'
 
 /* By default async components don't have any way to recover, if component is
  * failed, it is failed forever. This helper tries to remedy that by recreating
@@ -13,7 +14,7 @@ function getResettableAsyncComponent (asyncComponent, options) {
     ...options
   })
 
-  const observe = Vue.observable({ c: asyncComponentFactory() })
+  const observe = reactive({ c: asyncComponentFactory() })
 
   return {
     functional: true,