Frist image clicked doesn't appear

I've just updated a site from Drupal 9 to 10.

I have a masonry layout with images. When you click an image it is supposed to display in the baguettebox.

However, the frist image you click doesn't appear.

If you use the next or previous buttons, the image will suddenly appear and be correctly replaced by the next/previous image.

However, if you close the baguettebox and click the same or another image, the baguettebox is still blank.

Using the inspector, you can see that there is no image within the element:

<div class="full-image" id="baguette-img-0"></div>
  ::before
</div>

Whereas the surrounding images in the code are present:

<div class="full-image" id="baguette-img-1">
  ::before
  <figure id="baguetteBox-figure-1">
    <figcaption id="baguetteBox-figcaption-1">Image caption</figcaption>
    <img src="https://xxxxxxxxxxxxxxxxxxxxx.com/sites/default/files/styles/max_1300x1300/public/illustration/2022/image-filename.jpg" alt="Image description">
  </figure>
</div>

(This all worked correctly in the previous Drupal 9 version of the site.)

Any ideas would be greatly appreciated.