Swiper gives error when trying to create bundle "Error [ERR_REQUIRE_ESM]: require() of ES Module --- not supported"

Question

I am creating a component library using react, storybook, scss, and bundling using rollup. I am using commonJs module but swiper js only support esModule and because of that when I am trying to import my library in the application it's giving me the error,

error - Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/Workspace/react/nextjs/node_modules/swiper/react/swiper-react.js from /Users/Workspace/react/nextjs/node_modules/testlib/dist/stories/abc/index.js not supported.