Incompatible with next/image

cedricdelpoux / react-responsive-masonry

React responsive masonry component built with css flexbox

https://cedricdelpoux.github.io/react-responsive-masonry/

MIT License

362 stars 37 forks source link

Incompatible with next/image #27

Open hutber opened 3 years ago

hutber commented 3 years ago

Thanks for putting this together, I just wanted to flag that sadly it does not work with next/image. I assumed this was due to lazy loading, but I have turned this off and everything renders, but the styles have everything set to height 0.

I did force all parents to be 100vh, and this was the outcome:

No idea if you want to action this in anyway, but thought I would flag it.

panoslympe commented 3 years ago

Any solution to this yet? :D

mpetricek commented 2 years ago

Follow this issue https://github.com/vercel/next.js/discussions/18739#discussioncomment-344932

ghost commented 2 years ago

Yes I had the same problem and had to use the the img tag not NextJS image component.