How to make multiple thumbs active?

[JamesBliss]

Hello, I am using a second carousel as the thumbs to control a primary carousel which is working great.

Except, for the fact that when multiple slides are in view and therefore should be "active" the thumbnails do not mark multiple as active. I haven't disabled multipleActiveThumbs and I have tried adding the combo of centeredSlides={true} centeredSlidesBounds={true} which just makes the first thumb-slide never be active as well as the last.

I'm sure this is expected behaviour somewhat but is there a solution? I think it is very confusing to users that they can never "get to" the last slide since it never shows as active and this can be misleading, particularly I imagine for screen readers and similar?

Here is a code example that someone hopefully can use to help me out :)

https://codesandbox.io/s/swiper-thumbs-gallery-loop-react-forked-1o3tew