@corex/use-swiper
Version:
--- title: '@corex/use-swiper' custom_edit_url: 'https://github.com/iamvishnusankar/corex/edit/master/packages/use-swiper/README.md' ---
28 lines (27 loc) • 896 B
JavaScript
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
exports.useSwiper = void 0;
var react_1 = require("react");
var swiper_1 = __importDefault(require("swiper"));
/**
* useSwiper
* @param ref reference element
* @param options SwiperOptions
* @returns Swiper
*/
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
var useSwiper = function (ref, options) {
var instance = (0, react_1.useRef)(null);
(0, react_1.useEffect)(function () {
if (ref.current === null) {
return;
}
instance.current = new swiper_1["default"](ref.current, options);
return function () { return instance.current.destroy(); };
}, [options, ref]);
return instance.current;
};
exports.useSwiper = useSwiper;
;