Skip to content

Unable to reconnect in getaroom.io UI after stopping screensharing session using MCU  #17

@oooookk7

Description

@oooookk7

What was the issue:
After screensharing, there is no reconnection and here's the error message:

SkylinkJS - <> (peerJoined) Exception occurred in event: Error: Invariant Violation: flattenChildren(...): Encountered two children with the same key, .$Oauo5iGCRkdgJ4-KAAmp. Children keys must be unique.
at invariant (react.js:15915)
at flattenSingleChildIntoContext (react.js:15158)
at traverseAllChildrenImpl (react.js:17115)
at traverseAllChildrenImpl (react.js:17094)
at traverseAllChildren (react.js:17170)
at flattenChildren (react.js:15179)
at Constructor._updateChildren (react.js:10985)
at Constructor.updateChildren (react.js:10965)
at Constructor._updateDOMChildren (react.js:7007)
at Constructor. (react.js:6860)
_logFn @ skylink.debug.js:7912
error @ skylink.debug.js:7952
Skylink._trigger @ skylink.debug.js:8883
Skylink._welcomeHandler @ skylink.debug.js:10444
Skylink._processSingleMessage @ skylink.debug.js:9770
Skylink._processSigMessage @ skylink.debug.js:9731
(anonymous) @ skylink.debug.js:9440
Emitter.emit @ socket.io.js:5652
Socket.onevent @ socket.io.js:5178
Socket.onpacket @ socket.io.js:5136
(anonymous) @ socket.io.js:5517
Emitter.emit @ socket.io.js:5652
Manager.ondecoded @ socket.io.js:4663
(anonymous) @ socket.io.js:5517
Emitter.emit @ socket.io.js:2551
Decoder.add @ socket.io.js:6151
Manager.ondata @ socket.io.js:4653
(anonymous) @ socket.io.js:5517
Emitter.emit @ socket.io.js:2551
Socket.onPacket @ socket.io.js:459
(anonymous) @ socket.io.js:276
Emitter.emit @ socket.io.js:2551
Transport.onPacket @ socket.io.js:892
Transport.onData @ socket.io.js:884
ws.onmessage @ socket.io.js:1998
skylink.debug.js:8884 Uncaught Error: Invariant Violation: flattenChildren(...): Encountered two children with the same key, .$Oauo5iGCRkdgJ4-KAAmp. Children keys must be unique.
at invariant (react.js:15915)
at flattenSingleChildIntoContext (react.js:15158)
at traverseAllChildrenImpl (react.js:17115)
at traverseAllChildrenImpl (react.js:17094)
at traverseAllChildren (react.js:17170)
at flattenChildren (react.js:15179)
at Constructor._updateChildren (react.js:10985)
at Constructor.updateChildren (react.js:10965)
at Constructor._updateDOMChildren (react.js:7007)
at Constructor. (react.js:6860)

How did we reproduced it:

  1. Peer A joins MCU room.
  2. Peer B joins MCU room.
  3. Peer A and Peer B gets connected.
  4. Peer A starts screensharing.
  5. Peer B sees Peer A screensharing stream.
  6. Peer B stops screensharing.
  7. See error above.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions