diff --git a/app/pages/index.vue b/app/pages/index.vue
index a5ebfad..7e43cd3 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -3,6 +3,7 @@ import { useWebSocket } from '@vueuse/core';
 import { useViewerStore } from '~/state/viewer';
 import { Button } from "@/components/ui/button"
 import { toast } from 'vue-sonner';
+import { useWebSocketUrl } from '~/composables/useWebSocketUrl';
 
 const viewerStore = useViewerStore()
 const { code: codeRef } = storeToRefs(viewerStore)
diff --git a/app/pages/stream.vue b/app/pages/stream.vue
index 29c4269..2090b98 100644
--- a/app/pages/stream.vue
+++ b/app/pages/stream.vue
@@ -2,6 +2,7 @@
 import { useWebSocket } from '@vueuse/core';
 import { Button } from "@/components/ui/button"
 import { useStreamerStore } from '~/state/streamer';
+import { useWebSocketUrl } from '~/composables/useWebSocketUrl';
 
 const streamerStore = useStreamerStore()
 const videofeedRef = ref<HTMLVideoElement|null>(null);