JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="slide-menu">
    
    <ul>
        <li><a href="#">link</a></li>
    </ul>
</nav>

CSS

nav.slide-menu {
    background-color: #c0c0c0;
    width: 250px;
    height: 150px;
    padding: 10px;
}

JavaScript

$(document).mouseup(function (e) {
    var container = $("nav.slide-menu");
    if (!container.is(e.target) && container.has(e.target).length === 0) {
        container.hide();
    }
});