JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<div id="testCase"></div>
<div id="sampleDialog"></div>

CSS

#testCase{
    width:100px;
    height: 100px;
    background-color: green;
}
#testCase:hover{
    background-color: red;
    
}

#sampleDialog{
    
    width:100px;
    height: 100px;
    background-color: blue;
}

JavaScript

$("#testCase").bind("click",function(){
    $("#sampleDialog").dialog({modal:true}); 
});