Click to group results in Error: "NO_WEBSOCKET_CONNECTION"

We are working on an Angular app and modified the groups component according to our needs. More specifically, we adopted a parent/children approach where the parent chat group is the header of an expansion panel, whereas the children group is just an item of the panel.


Occasionally (and that’s what makes it hard to track down this error!) when we click on the children group, we receive the following error message:

ERROR Error: Uncaught (in promise): o: {“code”:“NO_WEBSOCKET_CONNECTION”,“name”:“NO_WEBSOCKET_CONNECTION”,“message”:“Connection to our Websockets server is broken. Please retry after some time.”,“details”:{}}

If the message appears, it will appear every time we click on the group until we navigate to another tab (f.e. chats, contacts).

This is what my console log looks like:

What would be the best way to find the root cause of this error?