long grid column while the other 3 columns are drastically shorter

Nobody has claimed this yet.

**Describe the bug**
I have a masonry with 4 columns with load more button. Initially, it renders elements well (20 elements in 4 columns), but when I click on the load more button, it renders the grid elements weirdly, there is one long column while the other 3 columns are drastically shorter.

The data is given from redux, and may be changed frequently

This is the code:

import { Masonry } from "masonic";

item.id}
items={adsData.data}
columnCount={4}
columnGutter={16}
columnWidth={300}
overscanBy={5}
render={(props) => }
/>


Start by reproducing the reported four-column Masonry case with Redux-fed adsData.data and the load-more behavior, focusing on the Masonry entry point shown in the issue. Done means newly loaded items preserve a balanced four-column layout rather than accumulating in one column.

Written by the indexing model from the issue text.