JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/dimsemenov/Magnific-Popup/blob/master/dist/jquery.magnific-popup.min.js"></script>
<link rel="stylesheet" href="https://github.com/dimsemenov/Magnific-Popup/blob/master/dist/magnific-popup.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a class="ajax" href="http://www.google.com">
		Text
</a>

JavaScript

$(document).ready(function() {
			$('.ajax').magnificPopup({
				delegate: 'a',
				type: 'ajax',
				alignTop: true,
				overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
			}
		}
  
	});
		});