Bug: Cannot read properties of undefined (reading 'removeEventListener')

[VaniaPopovic]

Is there an existing issue for this?

• I have searched the existing issues

Which Mux Elements/Packages does this apply to? Select all that apply

mux-player, mux-player-react

Which browsers are you using?

Chrome

Which operating systems are you using?

Windows

Description

Hello, I updated my next project to version 14.0.5-canary.4 to enable a feature that I wanted, and mux-player-react started complaining about

I didn't have this problem before, and I have also tried multiple versions of mux-react-player starting from 2.0 to 2.3

Reduced test case

No response

Steps to reproduce

1. Include mux-player-react in a next js project with version 14.0.5-canary.4.
2. Add a video to a page.
3. It fails

Current Behavior

Videos don't load at all

Expected Behavior

For the videos to play normally.

Errors

Uncaught TypeError: Cannot read properties of undefined (reading 'removeEventListener')
at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/media-chrome@1.7.0/node_modules/media-chrome/dist/media-controller.js:220:15)
at Array.forEach ()
at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/media-chrome@1.7.0/node_modules/media-chrome/dist/media-controller.js:219:50)
at Array.forEach ()
at HTMLElement.mediaUnsetCallback (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/media-chrome@1.7.0/node_modules/media-chrome/dist/media-controller.js:210:76)
at HTMLSlotElement.eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/media-chrome@1.7.0/node_modules/media-chrome/dist/media-container.js:300:16)

It keeps printing this in a loop.

What version of the package are you using?

2.0.0 - 2.3.0

[VaniaPopovic]

Noticed that it also happens on the mux-website

@ https://docs.mux.com/guides/player-themes#media-chrome-themes

[VaniaPopovic]

LGTM! The error dissapeared now with media-chrome 2.0.1. Thanks :)