New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Race condition between hydration and image load event #629
Comments
Thanks for reporting, you can submit a PR with a fix |
Released in 3.5.3 |
I had to roll back because Image stopped working with dynamic values and after hydration in Next.js, rolling back fixed the issue |
@rtivital Not sure I understood what you meant with your last answer. I updated to latest (3.6.11) and it's still happening to me. I get placeholder permanently most of the time when server rendered. When navigating my app and having the client rendering it, works fine though. |
@Yonben I'm saying that:
If you can provide an example repo that reproduces this issue we'll be able to debug. |
Will do my best and tag you if I manage to :) Thanks a lot! |
@rtivital Here it is. Thanks for the help 🙏 Edit: forgot to actually put the link... |
Thanks for reproduction, I'll have a look |
Fixed in 5.4.2 |
What package has an issue
@mantine/core
Describe the bug
When an Image with placeholder is server-side rendered, the component displayed in browser can be hydrated after load event and in this case will keep displaying placeholder.
In which browser did the problem occur
Any
If possible, please include a link to a codesandbox with the reproduced problem
No response
Do you know how to fix the issue
Yes
Are you willing to participate in fixing this issue and create a pull request with the fix
Yes
Possible fix
Looking at this issue's comment facebook/react#15446 (comment)
I could implement a fix for Image with a useEffect
The text was updated successfully, but these errors were encountered: