slick-slide calculating width not correct

[TranManhThang96]

When I use antd design's carousel based on the react-slick library, the front and back slides of the active slides appear. Is there any way to fix this error?

This is my code

<div className="interview-wrapper">
  <Carousel
    className="carousel"
    ref={carouselRef}
    speed={500}
    slidesToShow={3}
    dots={false}
    centerMode={true}
    infinite={true}
  >
    {MainViewSliderMock.map((slide, index) => (
      <div className="carousel-item" key={index}>
        <Card hoverable cover={<img alt="example" src={slide.image} />}>
          <h3 className="title">{slide.title}</h3>
          <p className="description">{slide.subtitle}</p>
        </Card>
      </div>
    ))}
  </Carousel>
</div>;

[akiran]

set centerMode={false} if you don't want to see partial slides at the edges.