JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

JavaScript

var error = 1;

  $(function() {
      $( "#dialog" ).dialog({
          close: function(event,ui){
          	if(confirm('close?')) {
            	 $(this).dialog('close');
            } else {
            	$(this).dialog('open');
            }
              
          }
      });
  });