Ecommerce Product Page using React and Zustand

Hello, I find it difficult to implement the styling of the gallery thumbnails once they are selected/ displaying on the main image. I used a ref as an index to select which image in the sliding gallery to display.

Is there a way to do this?

I've tried workarounds with props and states on the thumbnails but they've all caused the sliding gallery to have unpredictable behaviour.