update-

src/components/CallHistoryInputDropdown/index.jsx

@@ -36,9 +36,7 @@ const CallHistoryInputDropdown = ({
 		}
 	}, [numberSelectHistory]);
 
-	useEffect(() => { }, [
-		
-	])
+	useEffect(() => {}, [document.getElementById('numbersDiv')]);
 
 	return (
 		<Block>

src/components/CallHistoryInputDropdown/style.js

@@ -10,7 +10,7 @@ const Block = styled.div`
 const Input = styled.div`
 	overflow-x: scroll;
 	overflow-y: hidden;
-
+	border: 1px solid red;
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -21,7 +21,7 @@ const Input = styled.div`
 	max-height: 45px;
 	border-radius: 3px;
 	background-color: #fff;
-	border: 0;
+	/* border: 0; */
 	padding: 0 0 0 10px;
 	font-size: 22px;
 	color: #000;

src/lib/boxDIaler.js

@@ -413,15 +413,21 @@ export class BoxDialer {
 							callType: 'connected',
 						},
 					});
-					// this.callSession?.connection?.onaddstream = (e) => {
-					// 	console.log('--== UA Conn Added STREAM: ', e);
-					// 	let strmTrack = e.stream.getAudioTracks();
-					// 	if (strmTrack[0]) {
-					// 		let rmMediaStream = new MediaStream([strmTrack[0]]);
-					// 		this.remoteAudio.srcObject = rmMediaStream;
-					// 		this.remoteAudio.play();
-					// 	}
-					// };
+					if (this.callSession.connection) {
+						
+						this.callSession?.connection?.onaddstream = (e) => {
+							console.log('--== UA Conn Added STREAM: ', e);
+							let strmTrack = e.stream.getAudioTracks();
+							if (strmTrack[0]) {
+								let rmMediaStream = new MediaStream([strmTrack[0]]);
+								this.remoteAudio.srcObject = rmMediaStream;
+								this.remoteAudio.play();
+							}
+						};
+					} else {
+						console.error('connection not found')
+					}
+						
 					// innerCallerModal;
 					this.onSipStateChange.innerCallerModal({
 						bool: true,