-
Notifications
You must be signed in to change notification settings - Fork 109
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
SSR, image not rendered from server #86
Comments
Have you solved it? |
Facing same issue. |
I can confirm, this issue is still here. :/ |
Found the issue. The library is SSR friendly in a way it does not crash. So the flow on SSR with disabled JS is this:
Solution is to use |
This way seems to be reasonable and workable and in the meantime we can still use |
I think an even better solution is we could wrap the placeholder={
<span>
<noscript>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={src} srcSet={srcSet} sizes={sizes} alt="placeholder" />
</noscript>
</span>
} To be noticed that a |
Bug description
The lazy loading is working perfectly on client side but none of my image are rendered from the server on the original loading SSR. Is there a special config to change in order for the image to be rendered as SSR? Stack is Meteor/React/Apllo/Styled Component
Also tried without the scrollPosition but result is the same.
Expected behavior
Was expecting the image to be rendered on server side.
Screenshots
Technical details:
The text was updated successfully, but these errors were encountered: