How to implement a slider (Swiper.js) as a react component?

Question

React

Colleagues, welcome. There was a question about the implementation of the slider as a react-component (using the Swiper.js library). If you add two sliders, then pagination does not work when scrolling through the slides with the mouse. that is, the slides change - and the bullets themselves stand still. I don't see them changing. what could be the reason for this behavior is not clear ( https://codesandbox.io/s/exciting-moser-c5ten?file... . please tell me what could be the problem? (edited)

Answer 1

Swiper provides a component for React. Here it is https://swiperjs.com/react/
Pagination and navigation are mentioned there separately in the red block.