Cards overlap after individual cards render about react-stack-grid

[irtiza07]

I am running into the same issue :( Did you ever manage to fix it?

[JedKap]

There were two things that I did.
My component is a functional component and I'm using hooks.
When updating the contents of the card I used useLayoutEffect instead of useEffect. The reason I used this was because each card generated a different height and I thought maybe that was the problem. That seemed to help.
The second problem I had was when the component that held the react-stack-grid wasn't wide enough for the cards. So I had to shrink the width of the cards when the browser was made narrower.
I hope this helps.
JK

[RT-TL]

@JedKap I am using the useLayoutEffect to trigger the updateLayout function but the content items still overlap. Did you come across any additional insights? At the moment the only thing that really helps is triggering the updateLayout after a generous timeout but this is of course not a very good or usable way to solve the problem.