videoChat | WebRTC , Socket.io and Node.js | Socket library

The project I am working on needs better error handling and to begin I've decided to implement reacts ErrorBoundary hook componentDidCatch which I was able to implement simply in a single component. However a senior developer has recommended I make my error boundary a Higher Order Component so that I can wrap the entire application in it. This is where I am running into trouble because despite reading the documentation higher order components make little sense to me.

This is what I have implemented so far:

my HOC

I'm using Flask-SocketIO for a project of mine, and it's causing some issues, i.e. the client isn't able to connect to the server. I figured this may be due to it using the flask default development server, so I tried to install eventlet, but it didn't work. I got this error:

I'm creating videochat with peerjs.

I'm toggling camera (on/off) with the following function:

This question has been asked a few times before but I have been unable to make any solution work. I am creating a multi-peer video chat. However, whenever a peer tries to connect, I get this error:

DOMException: Failed to execute 'setRemoteDescription' on 'RTCPeerConnection': Failed to set remote answer sdp: Called in wrong state: kStable

The odd thing is, if the user reloads the page, I don't get that error and the video displays. Both clients need to do the reload. I guess the browser has cached something and re-uses it on the 2nd attempt.

I've been working on this webrtc peer-to-peer functionality and it appears the connection is working fine, I even get the "ontrack" event raised with both an audio and video track. However when adding the stream to a element, nothing seemingly happens. Even though I get the Progress event constantly raised on the element I never get a "play", "playing", "loadeddata" or "loadedmetadata". I also tried invoking play() myself upon the progress event, this didn't work either.

Could it be because I only use STUN servers and no TURN server? I failed to find any decent documentation on whether both are needed. Also I might add I'm testing this on two Android phones running on their respective mobile data connection (no shared Wi-Fi between them)

All the code is written in a typescript class, which can be seen here: https://hastebin.com/zajegiqage.ts

And the html is as simple as:

I am trying to figure out how to change the microphone or webcam while you are in a videochat with someone.

I have been now trying for a few days and nothing works. I was following this example, but it seems it is much harder to achieve the change while someone is already connected.

The issues I have: If I change the mic the sound is lost/the mic doesnt react at all. I also cannot change it back to the default.

A similar thing happens if I change the webcam. The stream hangs, the last frame is seen.

I get no error message, in fact it tells me that the changes were successful.

Changing the webcam/mic WORKS before the call is established

Here is the relevant codeblock. Everywhere I am reading just create new constraints and give the desired deviceId to the audio/video stream.:

Frontend code:-

I'm using Firebase 17.3.3 together with QuickBlox (chat/video SDK) for push notifications in my app, but I am experiencing token invalidations after some time (time varies) when the app is in the background. Is it somehow possible that QuickBlox (or my app) invalidates the token when in the background? I get the NotRegistered error indicating that it is now invalid.

If I upgrade the firebase version above 17.5 (or 17.6, not fully sure), the token that gets sent to QuickBlox for chat still works, but the token I receive from onNewToken and instanceIdResult.getToken() is invalid immediately.

I'm at a complete loss what is happening here.

I use:

I am currently developing a videochat app for browser, which reuires the usage of navigator.getUserMedia to obtain media streams from user's webcam and microphone. I decided to extend my app to a vscode extension, for this I used a vscode webview with the iframe inside. Right now I get an error message that navigator.getUserMedia is undefined. So is it possible to use this function in a vscode extension? Thank you for any help:)