Как правильно совместить slick slider и magnific popup?

$('.popup-link').magnificPopup({
  midClick: true,
  type: 'inline',
  callbacks: {
    open() {
      const $slider = $('.slider');

      if (!$slider.hasClass('slick-initialized')) {
        $slider.slick({
          infinite: true,
          slidesToShow: 1,
          dots: true,
        });
      }

      $slider.slick('slickGoTo', +$(this).attr('index'));
    },
  },
});