item width breaks with text wrap

**Describe the bug**
It appears the width calculation of each item breaks if the layout gives the masonry smaller available space, and gives it back afterwards. I've detected this with animations using framer-motion, see sandbox below. The masonry container appears to get the correct width. Also, triggering a rerender seems to fix the issue, but i don't know when to rerender in order to fix that.

**To Reproduce**
Hover over the nav bar, in order for it to grow. Then hover away and the masonry stays in the shrunk state
https://codesandbox.io/p/sandbox/frosty-framework-kfksfg

**Expected behavior**
The layout should adapt to wrapped/unwrapped text and calculate the width accordingly.

**Screenshots**

Before:
After:

Start by running the linked CodeSandbox and reproducing the nav hover resize with the masonry container. Trace how the layout responds when available width shrinks and expands; done means wrapped and unwrapped text produce the correct item widths without requiring an unrelated rerender.

Written by the indexing model from the issue text.