JSFiddle - React, Tailwind, and code Playground

HTML

<div id='parent-node'>
  This is the Master Parent node
  <div id='not-parent-node'>
    Not Parent Node
    <button>Button</button>
        <div id='grandchild-node'>
          Grandbaby Node
        </div>
  </div>
</div>

CSS

#parent-node {
  background-color: #f00;
}

JavaScript

document.addEventListener("click", function(e) {
  var element = document.getElementById('parent-node');
  
  if (e.target !== element && !element.contains(e.target)) {
    element.parentNode.removeChild(element);
  }
});