From 8a523cbf70df091e68203d0d6b90bd358d826582 Mon Sep 17 00:00:00 2001
From: Mikkel Laursen <mlaursen03@gmail.com>
Date: Thu, 21 Apr 2022 18:06:17 -0600
Subject: [PATCH] chore(website): correctly render escaped html in markdown

---
 .../src/components/Markdown/renderers.tsx              | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/documentation/src/components/Markdown/renderers.tsx b/packages/documentation/src/components/Markdown/renderers.tsx
index 627385a069..a6437d0059 100644
--- 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">