Fixed Mermaid not mounted when headline with same name is present

material/base.html

@@ -214,7 +214,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.5413a266.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.144dcfcd.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

src/assets/javascripts/components/content/code/mermaid/index.ts

@@ -68,7 +68,7 @@ let index = 0
  * @returns Mermaid scripts observable
  */
 function fetchScripts(): Observable<void> {
-  return typeof mermaid === "undefined"
+  return typeof mermaid === "undefined" || mermaid instanceof Element
     ? watchScript("https://unpkg.com/mermaid@8.13.3/dist/mermaid.min.js")
     : of(undefined)
 }