From e173238a995f5d4085a3bd5b0ced7093c79a715b Mon Sep 17 00:00:00 2001
From: Willians de Julio <williansdejulio@gmail.com>
Date: Thu, 7 Mar 2024 23:36:47 -0300
Subject: [PATCH] Fix screen share bug

---
 src/components/ScreenShare.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/ScreenShare.vue b/src/components/ScreenShare.vue
index 9bcb1b4..540034a 100644
--- a/src/components/ScreenShare.vue
+++ b/src/components/ScreenShare.vue
@@ -8,22 +8,24 @@
 import UVideo from "./UVideo.vue";
 import { hmsStore } from "@/utils/hms";
 import { selectScreenShareByPeerID } from "@100mslive/hms-video-store";
-import { onUnmounted, ref, watch } from "vue";
+import { onUnmounted, ref, onMounted } from "vue";
 import { useHmsStore } from "@/stores/hms";
 const hmsStoreInstance = useHmsStore();
 
 let unsub = ref();
 let screenTrack = ref();
 
-const retrieveScreenTrack = (peerId) => {
+const retrieveScreenTrack = (peer) => {
   if (unsub.value) unsub.value();
-  if (!peerId) return;
+  if (!peer) return;
   unsub.value = hmsStore.subscribe((track) => {
     screenTrack.value = track;
-  }, selectScreenShareByPeerID(peerId));
+  }, selectScreenShareByPeerID(peer.id));
 };
 
-watch(hmsStoreInstance.hmsIsSomeoneScreenSharing, retrieveScreenTrack);
+onMounted(() => {
+  retrieveScreenTrack(hmsStoreInstance.hmsPeerScreenSharing);
+});
 
 onUnmounted(() => unsub.value?.());
 </script>