fix mermaid usage

laoplus · Nov 21, 2023 · f254d75 · f254d75
1 parent 9c452f9
commit f254d75
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/pages/scenes/diagram.page.tsx b/pages/scenes/diagram.page.tsx
@@ -28,9 +28,10 @@ export function Page({
   const reactZoomPanPinchRef = useRef<ReactZoomPanPinchRef>(null);
 
   useEffect(() => {
-    mermaid.mermaidAPI.render("mermaid", mermaidSource, (svg) => {
+    (async () => {
+      const { svg } = await mermaid.render("mermaid", mermaidSource);
       setMermaidResult(svg);
-    });
+    })();
   }, [mermaidSource]);
 
   useEffect(() => {