JSFiddle - React, Tailwind, and code Playground

HTML

<script src=" //cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/magnific-popup.css">
<div id="content">
<a href="https://www.google.com/" class="mp">link</a>
</div>

JavaScript

$(function(){
    $('.mp').magnificPopup({
          type: 'iframe',
          closeOnContentClick: false,
          closeBtnInside: true,
          removalDelay: 300,
          mainClass: 'mfp-with-zoom mfp-img-mobile my-mfp-slide-bottom'
    });
    
    var a = $("a").clone();
    a.text('generated');
    a.appendTo('#content');
    
});