Swiper best practice for navigation

[manish7377]

I am using one reusable swiper component across the gatsby project, but in one swiper navigation is not working after page refresh.
I need suggestions regarding the id assigning to swiper.
Should I use random id generator or fixed different id for each instance of swiper.