diff --git a/src/lib/util/mermaid.ts b/src/lib/util/mermaid.ts
index 9f56ae63..728325e5 100644
--- a/src/lib/util/mermaid.ts
+++ b/src/lib/util/mermaid.ts
@@ -2,17 +2,15 @@ import mermaid from 'mermaid';
 import type { MermaidConfig, RenderResult } from 'mermaid';
 import zenuml from '@mermaid-js/mermaid-zenuml';
 
-try {
-  await mermaid.registerExternalDiagrams([zenuml]);
-} catch (error) {
-  console.error('Error registering external diagrams:', error);
-}
+const init = mermaid.registerExternalDiagrams([zenuml]);
 
 export const render = async (
   config: MermaidConfig,
   code: string,
   id: string
 ): Promise<RenderResult> => {
+  await init;
+
   // Should be able to call this multiple times without any issues.
   mermaid.initialize(config);
   return await mermaid.render(id, code);