catch errors

jaked · Jun 24, 2022 · d9dfd39 · d9dfd39
1 parent 6764fe0
commit d9dfd39
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/blocks/mermaid-block/index.tsx b/src/blocks/mermaid-block/index.tsx
@@ -12,9 +12,13 @@ export default function (props: FileBlockProps) {
   const ref = React.useRef<HTMLDivElement>(null);
 
   React.useEffect(() => {
-    mermaid.mermaidAPI.render("id", content, (rendered) => {
-      ref.current!.innerHTML = rendered;
-    });
+    try {
+      mermaid.mermaidAPI.render("id", content, (rendered) => {
+        ref.current!.innerHTML = rendered;
+      });
+    } catch (error) {
+      ref.current!.innerHTML = String(error);
+    }
   }, [content]);
 
   return <div ref={ref} id="mermaid" />;