diff --git a/web_src/js/markup/mermaid.js b/web_src/js/markup/mermaid.js
index d0aefd1aff9..ca7c78c928f 100644
--- a/web_src/js/markup/mermaid.js
+++ b/web_src/js/markup/mermaid.js
@@ -11,7 +11,7 @@ function displayError(el, err) {
 export async function renderMermaid(els) {
   if (!els || !els.length) return;
 
-  const mermaid = await import(/* webpackChunkName: "mermaid" */'mermaid');
+  const {default: mermaid} = await import(/* webpackChunkName: "mermaid" */'mermaid');
 
   mermaid.initialize({
     mermaid: {