trying things but not working on that particular case

packages/desktop/package.json

@@ -42,8 +42,8 @@
         [
           "@electron-forge/plugin-webpack",
           {
-            "port": "4010",
-            "loggerPort": "9010",
+            "port": "4000",
+            "loggerPort": "9000",
             "mainConfig": "./webpack.main.config.js",
             "devContentSecurityPolicy": "default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;",
             "renderer": {

packages/desktop/src/providers/ConversationProvider.tsx

@@ -627,7 +627,6 @@ function Room({
 
   // handle incoming calls and accept calls and create objects for them
   useEffectOnce(() => {
-    (async () => {
     // TODO : bring this stream object higher and add this later to the room
     // set up local stream for this room - temporary until we figure out global stream handling and passing down
     // const localMediaStream = await navigator.mediaDevices.getUserMedia({
@@ -706,7 +705,7 @@ function Room({
         });
 
         localPeerConnection.on('connect', () => {
-            // toast.success('successfully connected to another peer');
+          console.log('successfully connected to another peer');
           setConversationMap((draft) => {
             if (draft[conversation._id.toString()].room[otherUserId]) {
               draft[conversation._id.toString()].room[otherUserId].isConnecting = false;
@@ -715,7 +714,7 @@ function Room({
         });
 
         localPeerConnection.on('track', (track, stream) => {
-            // TODO: add to room contents
+          // TODO: add to room peer stream or replace the entire stream
 
           toast('a peer added a track to a stream');
         });
@@ -725,6 +724,8 @@ function Room({
           // we want to manage the room within the master conversation and remove it for ourselves
           // !this is false, see unmount, we are relying on tuned list for disconnections
 
+          console.error('peer connection was closed');
+
           setConversationMap((draft) => {
             if (draft[conversation._id.toString()].room[otherUserId]) {
               draft[conversation._id.toString()].room[otherUserId].peer?.destroy();
@@ -738,10 +739,16 @@ function Room({
         localPeerConnection.on('error', (err) => {
           console.error(err);
           toast.error('there was a problem with the connecting');
+
+          setConversationMap((draft) => {
+            if (draft[conversation._id.toString()].room[otherUserId]) {
+              draft[conversation._id.toString()].room[otherUserId].peer?.destroy();
+              delete draft[conversation._id.toString()].room[otherUserId];
+            }
+          });
         });
       });
     }
-    })();
   });
 
   // ======= LISTEN FOR INCOMING CALLS AND RETURN SIGNALS AND ACCEPT THEM
@@ -839,6 +846,13 @@ function Room({
       peerForMeAndNewbie.on('error', (err) => {
         console.error(err);
         toast.error('there was a problem with connecting');
+
+        setConversationMap((draft) => {
+          if (draft[conversation._id.toString()].room[res.userWhoCalled]) {
+            draft[conversation._id.toString()].room[res.userWhoCalled].peer?.destroy();
+            delete draft[conversation._id.toString()].room[res.userWhoCalled];
+          }
+        });
       });
     });
 
@@ -867,20 +881,23 @@ function Room({
   useEffect(() => {
     // go through tuned in users
     // if we have someone in room who is not in tuned in, then destroy + delete
-    if (conversation.room) {
-      Object.entries(conversation.room).forEach(([roomUserId, roomContents]) => {
+
+    setConversationMap((draft) => {
+      if (draft[conversation._id.toString()].room) {
+        Object.entries(draft[conversation._id.toString()].room).forEach(
+          ([roomUserId, roomContents]) => {
             if (!conversation.tunedInUsers.includes(roomUserId)) {
               console.log('someone left the room!!!');
 
               roomContents.peer.destroy();
 
-          setConversationMap((draft) => {
               delete draft[conversation._id.toString()].room[roomUserId];
-          });
+            }
+          },
+        );
       }
     });
-    }
-  }, [conversation.tunedInUsers, conversation.room]);
+  }, [conversation.tunedInUsers, setConversationMap]);
 
   // go through all of the peers and destroy and update conversation map
   useUnmount(() => {
@@ -934,7 +951,7 @@ function Room({
       // close peer connections here
       // update the conversation map as well with proper states and data
     };
-  }, []);
+  }, [conversation.tunedInUsers]);
 
   return null;
 }

packages/desktop/src/tree/FooterControls.tsx

@@ -323,11 +323,13 @@ function OverlayConversationAvatars({
   isConversationSelected: boolean;
   tunedInUserIds: string[];
   conversationUserMembers: ConversationUserMember[];
-  roomPeers: RoomMap;
-  localStreamToPeers: MediaStream;
+  roomPeers?: RoomMap;
+  localStreamToPeers?: MediaStream;
 }) {
   const { user } = useAuth();
 
+  console.log(roomPeers);
+
   const sortedMembers = useMemo(() => {
     const sortedUserMembers = [...conversationUserMembers];
     sortedUserMembers.sort((convoUserA, convoUserB) => {
@@ -343,8 +345,6 @@ function OverlayConversationAvatars({
     return sortedUserMembers;
   }, [conversationUserMembers, user, tunedInUserIds]);
 
-  console.log(roomPeers);
-
   return (
     <AvatarGroup
       variant={'rounded'}