I tried the proposed solution but did not work, returned empty result . see screenshot below. There is no mdbDefaultFile available.

This is what is shown in e.removedFile when uploaded from the UI and them removed. The file is avilable and I can grab the name to remove it from the database. This is the expected behaviour

yes , but this means that when a regular file that has been uploaded from the UI (and then removed) then it wont work. In this case the event provides from the arguments the correct file in e.removedfile parameter. Isnt there a common method to get the removed file ? Either set as the default file or has been uploaded manuall from the user >

You can just download the data-mdb-default-file attribute:

 const fileUpload = document.getElementById('dnd1');
 fileUpload.addEventListener('fileRemove.mdb.fileUpload', function(e) {
     console.log(e.path[0].dataset.mdbDefaultFile);
 });