Here is the snippet https://mdbootstrp.com/snippets/jquery/bgoodfl/640592

But as I said, you just have to look at your source code to see that you cannot have 4 functions named the same.

I tried to attach screenshot to actually show the duplicate functions but all I get is an error when trying to upload.

All you have to do is create a snippet. Then just look at your compiled js file and search for function _createClass OR function _defineProperties or function _classCallCheck and you will see there are 4 of each.

In Javascript, this is not necessarily a huge issue because they are exact duplicates and the last function will replace the one before it. it becomes a bigger issue if their signatures are different. Javascript example below. BUT in the case of using it on the server with Babel and Webpack, it will not compile at all. I can't really share my project and could take the them to create an entire generic project using webpack and babel to show you but if should be pretty obvious to any developer just by looking at the code.

function _defineProperties() { this.getName = function() { return 'Property Name'; }; };

function _defineProperties() { };

var prop = new _defineProperties(); prop.name = prop.getName()); // Errror. There is no method called .getName because the second _defineProperties has wiped out the first.

To add more context, following the simple tutorial here https://mdbootstrap.com/education/bootstrap/quick-start/ and including a script reference to mdb.min.js would also include duplicate javascript functions.