Issue with toggling between galleries on same page

If a page has more than one gallery when toggling between them currentIndex still points to the previous one. In example below this causes second gallery to appear without any image. Because it has only one item and index 1 does not exist.

Example repo.

I have fixed it in componentDidUpdate adding this:

   if (itemsChanged) {
      this._handleResize();
      this.setState({ currentIndex: this.props.startIndex });
    }

But its not ideal as newly mounted gallery will still inherit currentIndex from previous one when items.length is same.

I assume it’s a flaw or is it expected behaviour and I’m doing something fundamentally wrong here?

[xiaolin]

fixed in commit 52c0cc7

[xiaolin]

Thank you, looks to be a bug as new currentIndex prop is not respected.