accessing this.elem.contentWindow throws null reference exception after video is removed from DOM

[raulgspan]

player-0.1.0.min.js:formatted:224 Uncaught TypeError: Cannot read properties of null (reading 'postMessage')
at d.Player.send (player-0.1.0.min.js:formatted:224:55)
at d.Player.ready (player-0.1.0.min.js:formatted:255:18)
at d.Player.receive (player-0.1.0.min.js:formatted:240:120)
at player-0.1.0.min.js:formatted:208:15

[richard-stafflink]

Getting this error quite a bit.
Any work-arounds?

[richard-stafflink]

Found a work-around:

  useEffect(() => {

    const player = Player(ref.current.querySelector('iframe'))

    player.on('ready', () => {...}
    player.on('play', () => {...}
    player.on('seek', () => {...}
    ......
    
    return () => {
      // HACK: This function gets called in the player.js lib after the player is destroyed
      // So that we don't get errors, we override to a noop function
      player.send = function () {}
      player?.off('ready')
      player?.off('play')
      player?.off('pause')
      player?.off('ended')
      player?.off('seek')
    }