OTSubscriber doesn’t re-render correctly when `props.stream` changes about opentok-react

[Patrick-Ullrich]

I am going to comment on here, because I think my issue might be related to this.

I am trying to call a function when someone left a session. e.g.

1. otSession.current.state.streams.length == 1
2. User leaves
3. otSession.current.state.streams.length == 0.

However, when I pass the otSession (ref to OTSession) to my component, then in the componentDidUpdate hook I see that prevProps.otSession.current.state.streams.length will always == this.props,otSession.current.state.streams.length.

I am assuming the issue might be in the actual library, where streams might be mutated with something like .push() instead of recreated with concat or the spread operator.

EDIT: Solved this need by managing the stream state myself in the component.

componentDidUpdate(prevProps, prevState) {

     if (prevProps && prevProps.otSession && prevProps.otSession.current && prevProps.otSession.current.state && prevProps.otSession.current.state.streams) {
         let newSubscriberCount = prevProps.otSession.current.state.streams.length;
         if (this.state.subscriberCount != newSubscriberCount) {
             if (this.state.subscriberCount > newSubscriberCount) {
                 console.log('person left')
             }
             this.setState({subscriberCount: newSubscriberCount })
         }
     }
     
 }