@corex/use-swiper/dist/esm/index.js

--- title: '@corex/use-swiper' custom_edit_url: 'https://github.com/iamvishnusankar/corex/edit/master/packages/use-swiper/README.md' ---

import { useEffect, useRef } from 'react';
import Swiper from 'swiper';
/**
 * useSwiper
 * @param ref reference element
 * @param options SwiperOptions
 * @returns Swiper
 */
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
export const useSwiper = (ref, options) => {
    const instance = useRef(null);
    useEffect(() => {
        if (ref.current === null) {
            return;
        }
        instance.current = new Swiper(ref.current, options);
        return () => instance.current.destroy();
    }, [options, ref]);
    return instance.current;
};