JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css">
<div id="myDialog" class="juiDialog" title="My dialog">
    	<h3>Some text blah blah blah</h3>

     <h3>Some more text blah blah blah blah</h3>

     <h3>Some more text blah balh blah blah blah</h3>

</div>
<div>
    <button id="b1">Test</button>
</div>

CSS

.juiDialog {
    display: None;
}

JavaScript

var theDialog = $("#myDialog").dialog({
    autoOpen: true,
    modal: true,
    width: 'auto',
    closeOnEscape: false,
    draggable: false,
    resizable: false,
    buttons: {}
});

$("#b1").click(function (event) {
    $("#myDialog").dialog("open");
});


$(window).resize(function () {
    $('.ui-dialog').css({
            'width': $(window).width(),
            'height': $(window).height(),
            'left': '0px',
            'top':'0px'
    });
}).resize();