refactor(EmbedCodeDialog): don't use markdown renderer

src/pages/Home/EmbedCodeDialog.tsx

@@ -6,19 +6,6 @@ import DialogActions from '@mui/material/DialogActions'
 import DialogContent from '@mui/material/DialogContent'
 import DialogContentText from '@mui/material/DialogContentText'
 import DialogTitle from '@mui/material/DialogTitle'
-// These imports need to be ts-ignored to prevent spurious errors that look
-// like this:
-//
-//   Module 'react-markdown' cannot be imported using this construct. The
-//   specifier only resolves to an ES module, which cannot be imported
-//   synchronously. Use dynamic import instead. (tsserver 1471)
-//
-// @ts-ignore
-import Markdown from 'react-markdown'
-// @ts-ignore
-import { CodeProps } from 'react-markdown/lib/ast-to-react'
-// @ts-ignore
-import remarkGfm from 'remark-gfm'
 
 interface EmbedCodeDialogProps {
   showEmbedCode: boolean
@@ -34,21 +21,7 @@ export const EmbedCodeDialog = ({
   <Dialog open={showEmbedCode} onClose={handleEmbedCodeWindowClose}>
     <DialogTitle>Room embed code</DialogTitle>
     <DialogContent>
-      <Markdown
-        remarkPlugins={[remarkGfm]}
-        components={{
-          // https://github.com/remarkjs/react-markdown#use-custom-components-syntax-highlight
-          code({
-            node,
-            inline,
-            className,
-            children,
-            style,
-            ...props
-          }: CodeProps) {
-            return (
       <SyntaxHighlighter
-                children={String(children).replace(/\n$/, '')}
         language="html"
         style={materialDark}
         PreTag="div"
@@ -59,16 +32,9 @@ export const EmbedCodeDialog = ({
           },
         }}
         wrapLines={true}
-                {...props}
-              />
-            )
-          },
-        }}
       >
-        {`\`\`\`html
-<iframe src="${embedUrl}" allow="camera;microphone;display-capture" width="800" height="800" />
-\`\`\``}
-      </Markdown>
+        {`<iframe src="${embedUrl}" allow="camera;microphone;display-capture" width="800" height="800" />`}
+      </SyntaxHighlighter>
       <DialogContentText
         sx={{
           mb: 2,