My code is:

HTML

<button id="myPopover">
  Test
</button>

JS

const myPopoverTrigger = document.getElementById('myPopover')
const myPopover=new mdb.Popover(myPopoverTrigger,
{title:"Test",content:"Popover test with event"});
myPopoverTrigger.addEventListener('show.mdb.popover', () => {
    alert("Fired")
;});
myPopover.show();

Why the event is not fired?

(I clicked on "Create snipped" and create it: but how I can link this to my post? I clicked on "publish", is it fine? Anyway, I got many 404 error, failed to load resource as "https://mdbootstrap.com/api/snippets/static/download/MDB5-Pro-Advanced_6.1.0/js/mdb.min.js.map" etc...)