chore(website): correctly render escaped html in markdown

mlaursen · Apr 22, 2022 · 8a523cb · 8a523cb · vercel · Apr 22, 2022
1 parent 01ec1af
commit 8a523cb
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/documentation/src/components/Markdown/renderers.tsx b/packages/documentation/src/components/Markdown/renderers.tsx
@@ -1,5 +1,6 @@
 import type { MarkdownRenderers } from "react-marked-renderer";
 import {
+  EscapeRenderer,
   DEFAULT_MARKDOWN_RENDERERS,
   getTokensText,
   ImageRenderer,
@@ -99,6 +100,15 @@ export const renderers: MarkdownRenderers = {
     return <CodeBlock language={lang}>{text}</CodeBlock>;
   },
 
+  escape: function Escape(props) {
+    // TODO: Remove after upgrading react-marked-renderer with this fix
+    if (props.text === "&lt;") {
+      return <>&lt;</>;
+    }
+
+    return <EscapeRenderer {...props} />;
+  },
+
   listitem: function ListItem({ children }) {
     return (
       <Typography component="li" type="subtitle-1">