diff --git a/packages/client/composables/useWakeLock.ts b/packages/client/composables/useWakeLock.ts
index a595ce0e4f..88b4784598 100644
--- a/packages/client/composables/useWakeLock.ts
+++ b/packages/client/composables/useWakeLock.ts
@@ -1,13 +1,14 @@
 import { useWakeLock as useVueUseWakeLock } from '@vueuse/core'
-import { watchEffect } from 'vue'
+import { watch } from 'vue'
 import { wakeLockEnabled } from '../state'
 
 export function useWakeLock() {
   const { request, release } = useVueUseWakeLock()
 
-  watchEffect((onCleanup) => {
-    if (wakeLockEnabled.value)
+  watch(wakeLockEnabled, (enabled) => {
+    if (enabled)
       request('screen')
-    onCleanup(release)
-  })
+    else
+      release()
+  }, { immediate: true })
 }