TypeError: e.resolve is not a function

[fmsthird]

Describe the bug A clear and concise description of what the bug is.

• I was trying to use two plugins arrowsPlugin and slidesToShowPlugin

To Reproduce Steps to reproduce the behavior:

1. Go to https://brainhubeu.github.io/react-carousel/docs/examples/customArrows#custom-arrows
2. Add slidesToShowPlugin in the resolve. In my case I did it like [arrowsPlugin, slidesToShowPlugin]
3. See error

Expected behavior A clear and concise description of what you expected to happen.

• custom arrow options and numberOfSlides should be configurable

**Update***

When did it like this : resolve: arrowsPlugin, slidesToShowPlugin
only arrows plugin works but the slidesToShowPlugin is not working.

Screenshots If applicable, add screenshots to help explain your problem.

[rheng001]

You can use multiple plugins like this

<Carousel
      plugins={[
        {
          resolve: slidesToShowPlugin,
          options: {
            numberOfSlides: 6,
          },
        },
        {
          resolve: arrowsPlugin,
          options: {
            arrowLeft: (
              <button>
                <Icon name="angle-double-left" />
              </button>
            ),
            arrowLeftDisabled: (
              <button>
                <Icon name="angle-left" />
              </button>
            ),
            arrowRight: (
              <button>
                <Icon name="angle-double-right" />
              </button>
            ),
            arrowRightDisabled: (
              <button>
                <Icon name="angle-right" />
              </button>
            ),
            addArrowClickHandler: true,
          },
        },
      ]}
    >
      ........
    </Carousel>

[rikinshah23]

@fmsthird were you able to solve this issue ?

[rikinshah23]

I am having the same issue when using slidesToShowPlugin. TypeError: t.resolve is not a function

below is my code -

const Carousel = dynamic(import('@brainhubeu/react-carousel'), {
  ssr: false,
});

const slidesToShowPlugin = dynamic(
  () => {
    import('@brainhubeu/react-carousel').then((module) => {
      return module.slidesToShowPlugin;
    });
  },
  { ssr: false },
);

const slidesToScrollPlugin = dynamic(
  () => {
    import('@brainhubeu/react-carousel').then((module) => {
      return module.slidesToScrollPlugin;
    });
  },
  { ssr: false },
);

```
<div className="carousel1">
      <Carousel
        plugins={[
          {
            resolve: slidesToShowPlugin,
            options: {
              numberOfSlides: 2,
            },
          },
        ]}>
  // content here 
      </Carousel>
    </div>