`ReactPlayer` not working in React 17

Current Behavior

When using the out-of-the-box ReactPlayer and provided any url, in this case it’s a YouTube link, the React Player component fails to render and throws this error in the console.

Uncaught undefined
The above error occurred in one of your React components:
    in Unknown (created by Player)
    in Player (created by ReactPlayer)
    in Suspense (created by ReactPlayer)
    in div (created by ReactPlayer)
    in ReactPlayer

Expected Behavior

The embedded YouTube video should be present on-screen.

Steps to Reproduce

1. `import ReactPlayer from ‘react-player’
2. Render the component like <ReactPlayer url={url} /> where url is any link
3. View the thrown error in the console

Current packages

...
"react-player": "2.10.0",
"react": "17.0.2",
"react-dom": "17.0.2",
...

Other Information

I’ve seen similar issues in the past closed, but they don’t seem to address my case since i’m not using @hot-loader/react-dom or NextJS:

• https://github.com/cookpete/react-player/issues/1176
• https://github.com/cookpete/react-player/issues/1165

[spereira2017]

Aw, since I updated react-dom to ^17.0.2 it works for me.

[ijemmao]

@cookpete Unfortunately, the repo where I’m experiencing these issues is private. I manage all my packages since I’m not using a solution like create-react-app. Would you know of other possible packages that could interfere with react-player to cause this issue?

@spereira2017 I can try to see if that works!