JSFiddle - React, Tailwind, and code Playground

HTML

<div id="popup"></div>
<button id="showDiv">showdiv</button>

CSS

body {
    background-color: grey;
}
#popup {
    display: none;
    width: 500px;
    height: 500px;
    border: 1px solid black;
}

JavaScript

$(function(){
    $("#showDiv").click(function(e){       
        e.stopPropagation();
        $("#popup").show();
        $("body").click(function(e){
            if(e.target.id != "popup")
            {
                $("#popup").hide();
                $("body").unbind("click");
            }
        });
    });
    
});