Bug: Mux Player memory not released when unmounted

[musatov]

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-react

Which browsers are you using?

Chrome

Which operating systems are you using?

macOS

Description

<mux-video> and <mux-player> elements are not released from javascript heap when the React MuxPlayer component is unmounted.

Reduced test case

https://github.com/musatov/mux-video-memoryleak

Steps to reproduce

1. Open the home page with a couple of links to video's pages
2. Open the dev tools and make s heap snapshot - make sure there is no mux-video nor mux-player objects in the heap
3. Navigate to the single video page
4. Navigate back to the home page
5. Force garbage collection
6. Make snapshot again
7. There is mux-video and mux-player objects in the detached state in the heap.

memory-leak.mov

Current Behavior

The objects related to unmounted react MuxPlayer component are in the heap.

Expected Behavior

<mux-video> and <mux-player> elements are cleaned up.

Errors

No response

What version of the package are you using?

3.8.0

[Jerricho93]

Hey, thanks for reporting this! We were able to reproduce the issue, and we are working on diagnosing the root cause. This may be a bit complex to fix but we'll let you know when we have an update

[spuppo-mux]

Hi, accidentally closed this.
As an update, we realized this will involve updating multiple packages. Yesterday media-chrome was updated with some cleanup it was missing. Next step is to evaluate media-element setup/teardown flows.