React MasonryInfiniteGrid not updating when new data is passed in

[astralmedia]

Description

When I pass new data into the array map that displays the items, it keeps the old positioning and does not reflow the layout to the new content...I've tried so much, any ideas?

Steps to check or reproduce

`return <MasonryInfiniteGrid column={columnCount} gap={5} ref={gridRef} loading={

LOAD

} onRequestAppend={getNextRequest}

{_.get(listData, "length", 0) > 0 && listData.map((item, index) => { const listTemplate = getTemplate(item, index) return listTemplate })} `

[daybrush]

@astralmedia

Even if the size of the item changes, it cannot be easily detected.

Use the useResizeObserver, observeChildren option or

Try calling the updateItems() method.

[astralmedia]

That hit the spot! Thank you friend