Multiple slide doesnt show

It only shows one slide. here is my code

https://codesandbox.io/s/wonderful-thompson-jp3p1?file=/src/App.js:0-963

import React, { useState } from "react";
import "./styles.css";
import Carousel, {
  slidesToShowPlugin,
  slidesToScrollPlugin
} from "@brainhubeu/react-carousel";
import "@brainhubeu/react-carousel/lib/style.css";

const Item = ({ name }) => {
  return <div className="item">{name}</div>;
};
const MyCarouselWithDots = () => {
  const [value, setValue] = useState(0);

  const onChange = (value) => {
    setValue(value);
  };

  return (
    <Carousel
      plugins={[
        "centered",
        "infinite",
        "arrows",
        {
          resolve: slidesToShowPlugin,
          options: {
            numberOfSlides: 2
          }
        },
        {
          resolve: slidesToScrollPlugin,
          options: {
            numberOfSlides: 2
          }
        }
      ]}
    >
      {Array(7)
        .fill("")
        .map((e, i) => (
          <Item key={i} name={i + 1} />
        ))}
    </Carousel>
  );
};

export default MyCarouselWithDots;

[sinangurbuz]

Hi @hungdev ,

In your package.json file “@brainhubeu/react-carousel”: “1.19.26” When you use “npm i @brainhubeu/react-carousel” it will setup this version (1.19.26). But you must use v.2

Install it manually; “@brainhubeu/react-carousel”: “2.0.1”

It solved my issue. Have a nice day

[hungdev]

@sinangurbuz you are right! thank you.