Replies: 9 comments
-
A colleague has provided me with a workaround:
A bundling problem, perhaps similar to #193 from 2017? I'll leave this issue open as it may connect to something else. |
Beta Was this translation helpful? Give feedback.
-
I'm running into the same issue on Remix 2.1.0 |
Beta Was this translation helpful? Give feedback.
-
Same issue here, I'm working around it by using |
Beta Was this translation helpful? Give feedback.
-
This made it for me, also typescript it's happy about it: import { useState } from 'react'
import ReactPlayer from 'react-player'
import Example_Video from '~/public/media/example-video.mov'
const Player = ReactPlayer.default
export function Video() {
const [hasVideoLoaded, setHasIsVideoLoaded] = useState(false)
return (
<div className={`${hasVideoLoaded ? 'opacity-100' : 'opacity-0'} transition`}>
<Player
url={Example_Video}
playing={true}
muted={true}
playsinline={true}
onReady={() => setHasIsVideoLoaded(true)}
/>
</div>
)
} Thanks to @genmon about the insights on it! |
Beta Was this translation helpful? Give feedback.
-
Same issue here. I tried your fix @dev-xo but there is a type error on the line
|
Beta Was this translation helpful? Give feedback.
-
This issue is still present in Remix 2.4.1. We just switched to ESM module support and that switch demonstrated this issue. Using the above suggestion fixed our issue. |
Beta Was this translation helpful? Give feedback.
-
You saved my day. I was looking for a solution for days!!! EDIT: Well. The solution helped in the first place, but when I refresh the page I get a slightly different error.
|
Beta Was this translation helpful? Give feedback.
-
You can fix this with Client Only from remix-tools.
|
Beta Was this translation helpful? Give feedback.
-
@goldcaddy77 Thx for your comment. |
Beta Was this translation helpful? Give feedback.
-
Current Behavior
Using ReactPlayer with Remix v2 out of the box triggers an Application Error:
Expected Behavior
I would expect the player to appear, as it did in Remix v1.
Steps to Reproduce
I have a minimal repro here: remix-v2-reactplayer-minimal
This is the stock Remix v2 starter template
Other Information
I am not experienced with Remix v2 so it is possible I am missing something obvious. Would be grateful if anyone else could let me know whether I'm seeing an incompatibility, or if it's a setup problem.
Beta Was this translation helpful? Give feedback.
All reactions