Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Chakra doesn't seem to work well with react-player
See original GitHub issueBug report
i have an error when using @chakra-ui/react and react-player with next-js
when i used chakra v0.8 i didn’t have this issue but i do now with the released version
my code:
<Box rounded="20px" overflow="hidden" my="6">
<ReactPlayer
url='video-home-last.mp4'
controls = {true}
playing={true}
muted={true}
loop={true}
width="100%"
height="100%"
/>
</Box>
Is there a way tomake react-player work with chakra or should i use <AspectRatio/> ?
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
react-player responsive with chakra UI - Stack Overflow
im trying to make a full response window, which contains a rows. Above a video playing and at the bottom, some controls.
Read more >Hydration failed because the initial UI does not match ... - GitHub
When I use getStaticProps to get the json data and show data to the pages ... we are using(@rpldy/uploady) which does not seem...
Read more >Aspect Ratio - Chakra UI - YouTube
" Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React ......
Read more >react 18 hydration error | The AI Search Engine You Control
React 18: Hydration failed because the initial UI does not match what was rendered ... I am trying to figure out how to...
Read more >Code completion and auto-import don't work for Chakra-UI ...
Code completion and auto-import don't work for Chakra-UI components ... It seems, the problem is in yarn PNP; the IDE doesn't properly handle...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
i am laking a sandbox but it seems to work in the sandbox, the problem certainly comes from me
ping me on discord should you need some rubber ducking 😃