Update component when data changes

[lucilk]

Is there a way to update the component when the data changes?
I call the component like this:
<ImageGallery items={QuoteGallery} lazyLoad={true} />

I populate the gallery array in this function which is called before rendering

  function getGallery() {
    const wesiteMediaUrl = "https://website.com/media";

    imgGallery = somObjectData.gallery.map((image) => {
      return {
        original: wesiteMediaUrl + image,
        thumbnail: wesiteMediaUrl + image
      };
    });

  }

When a dropdown changes i call the getGallery function to update the data in imgGallery but only the thumbnails are updated, not the main image.

How do i make the component redraw the thumbnails and main image when the imgGallery changes?

[fhennig]

Hi! I suspect that the image is flagged as already loaded (given you use lazy loading) and it doesn't reload it when you set new items (We didn't test changing the items).

For now maybe you could discard the whole ImageGallery instance and just create a fresh one? Also disabling lazy loading might work, but that might not work for you.

I'll look into the lazy loading some more. If you have a minimal example to replicate the issue that would be great!