UNPKG

@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
"use strict"; 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;