I have a problem Uncaught TypeError: Cannot set properties of undefined (setting 'magnificPopup')

Question

I have a problem Uncaught TypeError: Cannot set properties of undefined (setting 'magnificPopup'). I use Laravel mix and jquery v3.7.0 this is my code app.js

import $ from 'jquery';
window.jQuery = window.$ = $

import 'magnific-popup';
$('.popup-image').magnificPopup({
        type: 'image',
        gallery: {
            enabled: true
        }
    });

I tried

import 'magnific-popup/dist/jquery.magnific-popup.js';