Warning: React does not recognize the `columnsCount` prop on a DOM element.

[gkpo]

I'm using react-responsive-masonry with Next.js

"next": "^9.5.5",
"react": "^16.14.0",
"react-dom": "^16.14.0",

I get the following warning, and the columnsCount property doesn't seem to work.

Warning: React does not recognize the columnsCount prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase columnscount instead. If you accidentally passed it from a parent component, remove it from the DOM element.

[hutber]

I'm having the same issue and the issue is with the package. Not Reacts :(

[hutber]

Also it turns out columnsCount is not passed correctly, so we only ever have a 3 column

[tekfunk]

This was never addressed I suppose.

[hutber]

It was not sadly. I think the project is dead

[yiooxir]

I also had a similar error. After a little research its turned out what I used tags between ResponsiveMasonry & Masonry tags. Like...

<ResponsiveMasonry columnsCountBreakPoints={{350: 1, 750: 2, 900: 3}}>

<div>some text </div> // <-- that raised a warning !

<Masonry gutter={'25px'}> 
...smth
</Masonry>
</ResponsiveMasonry>

After I took it outside the warning disappeared.

May be its will be helpful