[TDL bug fix] Camera bad state in lobby page

change-beta/@azure-communication-react-513a11f3-2869-4965-a57e-a7bf2c0ae0ba.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Dispose of the unparented views when we hit a state that has us actually in a call",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-513a11f3-2869-4965-a57e-a7bf2c0ae0ba.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Dispose of the unparented views when we hit a state that has us actually in a call",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.ts

@@ -409,6 +409,16 @@ export class AzureCommunicationCallAdapter<AgentType extends CallAgent | BetaTea
         this.context.setCurrentCallId(this.call.id);
       }
 
+      // if we have a call state we need to dispose of the unparented views
+      if (
+        (this.call?.state === 'InLobby' || this.call?.state === 'Connected') &&
+        this.callClient.getState().deviceManager.unparentedViews.length > 0
+      ) {
+        this.callClient.getState().deviceManager.unparentedViews.forEach((view) => {
+          this.callClient.disposeView(undefined, undefined, view);
+        });
+      }
+
       this.context.updateClientState(clientState);
 
       /* @conditional-compile-remove(call-transfer) */