JSFiddle - React, Tailwind, and code Playground

HTML

<button id="open">open</button>
<dialog>
  <button id="close">close</button>
</dialog>

JavaScript

const open = document.querySelector('#open')
const close = document.querySelector('#close')
const dialog = document.querySelector('dialog')

open.addEventListener('click', _ => dialog.showModal())
close.addEventListener('click', _ => dialog.close())

dialog.addEventListener('close', _ => console.log('addEventListener'))
dialog.onclose = _ => console.log('onclose')