Suggestions for syncing two sliders?

I have two sliders on a page, and want to sync their positions. So when one changes slides the other does too. Ideally also when dragged (they aren’t the same size, but i want same percent through).

Swiper has “controller” module which allows to do that:

var swiper1 = new Swiper(...);
var swiper2 = new Swiper(...);

// to control each other
swiper1.controller.control = swiper2;
swiper2.controller.control = swiper1;

But it could be a tricky if you have some different configs for both swipers and in React. So if you have issues with it, just post a minimal JSFiddle with what you are trying to achieve and i will take a look