JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div id="shippingAddressDialog">
    <p>Would you like to add a separate shipping address?</p>
</div>

JavaScript

$(document).ready(function() {
    jQuery('#shippingAddressDialog').dialog({"modal":true,"autoOpen":true,"title":"Shipping Address","width":"400px","buttons":[{"text":"Yes","click":"function(){closeDialog();}"}]});


});

function closeDialog() {
   jQuery('#shippingAddressDialog').dialog("close"); 
}