diff --git a/src/core/controls/CameraControls.vue b/src/core/controls/CameraControls.vue
index 9c9d4361a..284093ade 100644
--- a/src/core/controls/CameraControls.vue
+++ b/src/core/controls/CameraControls.vue
@@ -14,7 +14,7 @@ import {
   Vector3,
   Vector4,
 } from 'three'
-import { computed, onUnmounted, ref, toRefs, watch, watchEffect } from 'vue'
+import { computed, onUnmounted, Ref, ref, toRefs, watch, watchEffect } from 'vue'
 import type { TresControl } from '@tresjs/core'
 import type {
   Camera,
@@ -402,7 +402,7 @@ const touches = computed(() => getTouches(
   props.touches,
 ))
 
-const controlsRef = ref<TresControl & CameraControls | null>(null)
+const controlsRef: Ref<TresControl & CameraControls | null> = ref(null)
 extend({ CameraControls })
 
 watchEffect(() => {
diff --git a/src/core/controls/MapControls.vue b/src/core/controls/MapControls.vue
index e165a43ea..5dc283eb1 100644
--- a/src/core/controls/MapControls.vue
+++ b/src/core/controls/MapControls.vue
@@ -2,7 +2,7 @@
 import { useLoop, useTresContext } from '@tresjs/core'
 import { useEventListener } from '@vueuse/core'
 import { MapControls } from 'three-stdlib'
-import { onUnmounted, ref, toRefs, watch } from 'vue'
+import { onUnmounted, Ref, ref, toRefs, watch } from 'vue'
 import type { TresVector3 } from '@tresjs/core'
 import type { Camera } from 'three'
 
@@ -281,7 +281,7 @@ watch(props, () => {
   invalidate()
 })
 
-const controlsRef = ref<MapControls | null>(null)
+const controlsRef: Ref<MapControls | null> = ref(null)
 
 extend({ MapControls })
 
diff --git a/src/core/controls/OrbitControls.vue b/src/core/controls/OrbitControls.vue
index 7774c21a2..7aed7362c 100644
--- a/src/core/controls/OrbitControls.vue
+++ b/src/core/controls/OrbitControls.vue
@@ -3,7 +3,7 @@ import { useLoop, useTresContext } from '@tresjs/core'
 import { useEventListener } from '@vueuse/core'
 import { TOUCH } from 'three'
 import { OrbitControls } from 'three-stdlib'
-import { onUnmounted, ref, toRefs, watch } from 'vue'
+import { onUnmounted, Ref, ref, toRefs, watch } from 'vue'
 import type { TresVector3 } from '@tresjs/core'
 import type { Camera } from 'three'
 
@@ -282,7 +282,7 @@ const {
 
 const { camera: activeCamera, renderer, extend, controls, invalidate } = useTresContext()
 
-const controlsRef = ref<OrbitControls | null>(null)
+const controlsRef: Ref<OrbitControls | null> = ref(null)
 
 extend({ OrbitControls })