diff --git a/packages/mermaid/src/docs/.vitepress/theme/mermaid.ts b/packages/mermaid/src/docs/.vitepress/theme/mermaid.ts
index b287346f9..e9a038ec4 100644
--- a/packages/mermaid/src/docs/.vitepress/theme/mermaid.ts
+++ b/packages/mermaid/src/docs/.vitepress/theme/mermaid.ts
@@ -1,13 +1,16 @@
 import mermaid, { type MermaidConfig } from 'mermaid';
 import mindmap from '@mermaid-js/mermaid-mindmap';
 
-try {
-  await mermaid.registerExternalDiagrams([mindmap]);
-} catch (e) {
-  console.error(e);
-}
+const init = (async () => {
+  try {
+    await mermaid.registerExternalDiagrams([mindmap]);
+  } catch (e) {
+    console.error(e);
+  }
+})();
 
 export const render = async (id: string, code: string, config: MermaidConfig): Promise<string> => {
+  await init;
   mermaid.initialize(config);
   const svg = await mermaid.renderAsync(id, code);
   return svg;