diff --git a/docs/src/demos/Examples/Community/React/index.jsx b/docs/src/demos/Examples/Community/React/index.jsx
index 652fc456..baab3abf 100644
--- a/docs/src/demos/Examples/Community/React/index.jsx
+++ b/docs/src/demos/Examples/Community/React/index.jsx
@@ -59,7 +59,7 @@ export default () => {
                 })
               },
               onKeyDown(props) {
-                return reactRenderer.ref.onKeyDown(props)
+                return reactRenderer.ref?.onKeyDown(props)
               },
               onExit() {
                 popup[0].destroy()
diff --git a/docs/src/demos/Examples/Community/Vue/index.vue b/docs/src/demos/Examples/Community/Vue/index.vue
index ddbf177f..824c4172 100644
--- a/docs/src/demos/Examples/Community/Vue/index.vue
+++ b/docs/src/demos/Examples/Community/Vue/index.vue
@@ -110,7 +110,7 @@ export default {
                   })
                 },
                 onKeyDown(props) {
-                  return component.ref.onKeyDown(props)
+                  return component.ref?.onKeyDown(props)
                 },
                 onExit() {
                   popup[0].destroy()
diff --git a/docs/src/demos/Experiments/Commands/index.vue b/docs/src/demos/Experiments/Commands/index.vue
index 6a5b9abc..20469d3f 100644
--- a/docs/src/demos/Experiments/Commands/index.vue
+++ b/docs/src/demos/Experiments/Commands/index.vue
@@ -105,7 +105,7 @@ export default {
                   })
                 },
                 onKeyDown(props) {
-                  return component.ref.onKeyDown(props)
+                  return component.ref?.onKeyDown(props)
                 },
                 onExit() {
                   popup[0].destroy()
diff --git a/docs/src/demos/Nodes/Mention/index.vue b/docs/src/demos/Nodes/Mention/index.vue
index ccc93ecb..e5d9a19b 100644
--- a/docs/src/demos/Nodes/Mention/index.vue
+++ b/docs/src/demos/Nodes/Mention/index.vue
@@ -69,7 +69,7 @@ export default {
                   })
                 },
                 onKeyDown(props) {
-                  return component.ref.onKeyDown(props)
+                  return component.ref?.onKeyDown(props)
                 },
                 onExit() {
                   popup[0].destroy()
diff --git a/docs/src/demos/ReactPlayground/index.jsx b/docs/src/demos/ReactPlayground/index.jsx
index c461e849..ff762b8c 100644
--- a/docs/src/demos/ReactPlayground/index.jsx
+++ b/docs/src/demos/ReactPlayground/index.jsx
@@ -234,7 +234,7 @@ export default () => {
                 })
               },
               onKeyDown(props) {
-                return reactRenderer.ref.onKeyDown(props)
+                return reactRenderer.ref?.onKeyDown(props)
               },
               onExit() {
                 popup[0].destroy()
diff --git a/packages/vue-2/src/VueRenderer.ts b/packages/vue-2/src/VueRenderer.ts
index 19aa3cab..5879b50d 100644
--- a/packages/vue-2/src/VueRenderer.ts
+++ b/packages/vue-2/src/VueRenderer.ts
@@ -11,11 +11,11 @@ export class VueRenderer {
     this.ref = new Component(props).$mount()
   }
 
-  get element() {
+  get element(): Element {
     return this.ref.$el
   }
 
-  updateProps(props: AnyObject = {}) {
+  updateProps(props: AnyObject = {}): void {
     if (!this.ref.$props) {
       return
     }
@@ -33,7 +33,7 @@ export class VueRenderer {
     Vue.config.silent = originalSilent
   }
 
-  destroy() {
+  destroy(): void {
     this.ref.$destroy()
   }
 }
diff --git a/packages/vue-3/src/VueRenderer.ts b/packages/vue-3/src/VueRenderer.ts
index 45f6e683..422195af 100644
--- a/packages/vue-3/src/VueRenderer.ts
+++ b/packages/vue-3/src/VueRenderer.ts
@@ -40,11 +40,11 @@ export class VueRenderer {
     }
   }
 
-  get ref() {
+  get ref(): any {
     return this.editor.contentComponent?.ctx.$refs[this.id]
   }
 
-  updateProps(props: AnyObject = {}) {
+  updateProps(props: AnyObject = {}): void {
     Object
       .entries(props)
       .forEach(([key, value]) => {
@@ -52,7 +52,7 @@ export class VueRenderer {
       })
   }
 
-  destroy() {
+  destroy(): void {
     this.editor.vueRenderers.delete(this.id)
   }
 }
diff --git a/packages/vue-3/src/useEditor.ts b/packages/vue-3/src/useEditor.ts
index feb93ca0..da1fe11e 100644
--- a/packages/vue-3/src/useEditor.ts
+++ b/packages/vue-3/src/useEditor.ts
@@ -3,14 +3,14 @@ import { EditorOptions } from '@tiptap/core'
 import { Editor } from './Editor'
 
 export const useEditor = (options: Partial<EditorOptions> = {}) => {
-  const editor = ref()
+  const editor = ref<Editor>()
 
   onMounted(() => {
     editor.value = new Editor(options)
   })
 
   onBeforeUnmount(() => {
-    editor.value.destroy()
+    editor.value?.destroy()
   })
 
   return editor