Why when adding a mdbootstrap component via JQuery's innerHTML or html, does the functionality of the components not work despite the redundancy?

In the previous example, a component of the treeview plugin is loaded through innerHTML and the functionality when clicking on the drop-down elements does not work, I attach an example of the code used, additionally I have already tried other components of mdbootstrap for example: select, input, among others