Slider not showing without SSR for Mobile

[pradipvadher]

I am trying to display some content on mobile but it shows nothing, not even dots. Working for desktop!

Here is my code,

<Carousel additionalTransfrom={0} arrows autoPlay autoPlaySpeed={3000} centerMode className="" containerClass="" dotListClass="" draggable focusOnSelect={false} infinite deviceType={isMobile ? "mobile" : "desktop"} itemClass="" keyBoardControl minimumTouchDrag={80} renderButtonGroupOutside={false} renderDotsOutside responsive={{ mobile: { breakpoint: { max: 464, min: 0, }, items: 3, }, }} showDots sliderClass="" slidesToSlide={3} swipeable > // Content here </Carousel>

[pradipvadher]

Not able to format the code, please edit if you can.

[abhinavdalal]

@pradipvadher have you imported css?

import 'react-multi-carousel/lib/styles.css'; can you remove these props that you have passed (as i think they have no effect) className="" containerClass="" dotListClass=""

[pradipvadher]

yes i imported,

import Carousel from "react-multi-carousel"; import "react-multi-carousel/lib/styles.css";

[pradipvadher]

Should I have to add any special props? for mobile?

[VittorioMorellini]

Hello everybody, I have the same issue with react-multi-carousel, on mobile nothing is showing only at the first render, but I come back from another page the slider is not showing