When creating a carousel, no flex is created in the Slider Component.

[Tchaikovsky1114]

        <CarouselProvider className="" naturalSlideWidth={400} naturalSlideHeight={400} totalSlides={selectedImage.length} orientation="horizontal">
        <Slider className='' >

          {selectedImage.map((item,index) => (
            <Slide key={index + ''} index={index} className="" tabIndex={index}>
              <img className='mx-auto w-full max-h-[300px] h-[100%] object-contain' src={item} alt="" />
              </Slide>
          ))}
        
        </Slider>
        </CarouselProvider>

result :

[Conor-Hinchee]

You seem to be missing the global CSS classes could you please try again with
import 'pure-react-carousel/dist/react-carousel.es.css';

https://github.com/express-labs/pure-react-carousel#-tutorial step #3 on the README

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[lokinmodar]

i'm importing the necessary css file but it still does not create the display: flex....

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[SaerwenLis]

can you fix this?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.