I notice that Discord can detect if you drop a folder without sending any validation request to a server, all in the client. How can I do that?

When a file is submitted from an <input type="file"> then there is no problem, because it can't select folders, but on a drag-and-drop system you can drop anything and I'm looking for a way to detect folders because it's weird how if you drop a folder, let's say folderExample you get a File object with the property type="", BUT when you drop the same folder with a name like folderExample.jpg now the type is "image/jpeg"!!!

There is how I'm handling the file dropping, hope some can help

const handleDrop = (e) => {
    e.preventDefault();
    e.stopPropagation();
  
    const {files} = e.dataTransfer;
    console.log('Dropped files:', files)
  };