Browse Source

fix: #5 crash if code block cannot be highlighted

Yifei Zhang 2 years ago
parent
commit
e55520e93c
1 changed files with 14 additions and 8 deletions
  1. 14 8
      app/components/markdown.tsx

+ 14 - 8
app/components/markdown.tsx

@@ -2,13 +2,19 @@ import ReactMarkdown from "react-markdown";
 import "katex/dist/katex.min.css";
 import RemarkMath from "remark-math";
 import RehypeKatex from "rehype-katex";
-import RemarkGfm from 'remark-gfm'
-import RehypePrsim from 'rehype-prism-plus'
+import RemarkGfm from "remark-gfm";
+import RehypePrsim from "rehype-prism-plus";
 
 export function Markdown(props: { content: string }) {
-    return (
-        <ReactMarkdown remarkPlugins={[RemarkMath, RemarkGfm]} rehypePlugins={[RehypeKatex, RehypePrsim]}>
-            {props.content}
-        </ReactMarkdown>
-    );
-}
+  return (
+    <ReactMarkdown
+      remarkPlugins={[RemarkMath, RemarkGfm]}
+      rehypePlugins={[
+        RehypeKatex,
+        [RehypePrsim, { ignoreMissing: true }],
+      ]}
+    >
+      {props.content}
+    </ReactMarkdown>
+  );
+}