JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog">
    <h3>Here is the dialog content</h3>
    <p id="dialogContent"></p>
</div>
<button onclick="$('#dialog').dialog('open');">open</button>

JavaScript

$(document).ready(function(){
    $('#dialog').dialog({
        title: 'My dialog',
        dialogClass: "noOverlayDialog",
        autoOpen:false,
        modal: true,
        open: function(event,ui){
            $('.noOverlayDialog').next('div').css( {'opacity':0.0} );
        }
    });
    //$('.noOverlayDialog').next('div').css({'opacity':0.0});
});