JSFiddle - React, Tailwind, and code Playground

HTML

<div id="popup">Popup Div</div>

CSS

#popup {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50px;
    background-color: red;
    display: none;
}

JavaScript

$('#popup').show();
$(document).click(function (e) {
    if (!$(e.target).is("#popup")) {
        if ($('#popup').is(':visible')) {
            $('#popup').hide();
        }
    }
});