I have a question, and it is really making my nights sleepless. I am making a group of cards to be mapped inside of the grid container , and mapping each card into grid item which takes 3 column space (i am using Material-Ui).
Everything is working fine, when I click on a tab say 'contacts' and switches back to the tab which is holding my slides (and therefore cards inside of it), the cards are visible okay, and slider is also working. (I am having horzontal orientation of the slides.). But, when on refreshing the current page (the one which is holding my slides inside of CarouselProvider), the slides, and thus the <CarouselProvider > gets broken, and displaying the overlapped cards.
it is really getting on my nerve, and i am out of solutions.
How to avoid this behaviour of "pure-react-carousel", is this some sort of bug? in it?, or I have to tweak some changes into the "CarouselProvider", or "Slider", or "Slides", to get it working correct?
Suggestions are needed. Thank you in advance
