'participantDisconnected' event is not triggered in Next.js

[Fahad-Anwar3]

• [x] I have verified that the issue occurs with the latest twilio-video.js release and is not marked as a known issue in the CHANGELOG.md.
• [x] I reviewed the Common Issues and open GitHub issues and verified that this report represents a potentially new issue.
• [x] I verified that the Quickstart application works in my environment.
• [x] I am not sharing any Personally Identifiable Information (PII) or sensitive account information (API keys, credentials, etc.) when reporting this issue.

Code to reproduce the issue: I have done my research and have not found this issue reported anywhere. To share the bug and reproduce it I have a created a new Next.js project from scratch and setup Twilio into that.

Steps to reproduce the issue

1. Join a room with video call (there should be at least 2 participants)
2. log out from call from one of the participant
3. The participantDisconnected listener will not trigger the event for remote participant disconnection

This is the repo for the project and the issue can be reporduced

Expected behavior:

The participantDisconnected listener event should be triggered for all other participants in the room when any remote participant disconnects

Actual behavior:

The participantDisconnected listener event does not get triggered and video frame from remote participants seems to be frozen even though the remote participant has left the room

Software versions:

• [x] Browser(s): Firefox 116.0.3, Safari 16.6
• [x] Operating System: Mac OS Monterey 12.6.8
• [x] twilio-video.js: 2.17.1 - 2.27.0
• [x] Third-party libraries: Next.js 13.4.9