JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<div id="dialog" title="ABC" ></div>

JavaScript

jQuery( "#dialog" ).dialog({
    modal: true,
    autoOpen: false,
    buttons: [{ text:'Ok',click: function() 
               {jQuery(this).dialog("close");}
              }], 
    show: { effect: "blind", duration: 1000 }, 
    hide: { effect: "explode", duration: 1000 }
});