Grid rendering with only one item in the first column

**Describe the bug**
The grid intermittently renders with only one item in the first column.

```

```

**Expected behavior**
I would expect that, as the images load in, the grid shuffles items into the correct spots.

**Screenshots**

**Desktop (please complete the following information):**

- OS: macOS
- Browser: Chrome
- Version: 97.0.4692.99

**Additional context**
Navigating away from the page and then back fixes the issue, so I'm assuming this has to do with calculating images as they load.

Start by reproducing the issue with the shown Masonry configuration in Chrome while images load, then trace the grid's image-loading and layout-calculation entry points. Done means items are redistributed into the correct columns as image dimensions become available, without requiring navigation away and back.

Written by the indexing model from the issue text.