is there a way we can refresh the list?

[mike1011]

For example -

                    <ResponsiveMasonry
                      columnsCountBreakPoints={{
                        350: 1,
                        750: 3,
                        900: 4
                      }}
                    >
                      <Masonry gutter={'15px'}>
                        {items.map((item) => {
                            <somecustomcomponent />
                        }))
                      </Masonry>
                   </ResponsiveMasonry>

If i want to delete/remove the custom component and also refresh the list, so that it can rearrange the list or trigger it to rearrange again. How can I do it?

[mike1011]

Well, I simply used display:none dynamically and this triggered the grid to auto adjust again. Initially, I was using visibility:hidden, but seems display:none did the trick.