[FIX] Markdown viewer heigth

components/apis/markdown-viewer.tsx

@@ -1,32 +1,11 @@
-import { useEffect } from 'react'
 import { marked } from 'marked';
 
 export default function MarkdownViewer({ content }: { content: string }) {
   const stylesheetTag = '<link rel="stylesheet" href="/css/markdown.css" />'
   const html = stylesheetTag + marked.parse(content)
 
-  const updateSize = (frame: any) => {
-    frame.style.height =
-      420 + frame.contentWindow.document.body.scrollHeight + 'px'
-    frame.style.width = '100%'
-  }
-  useEffect(() => {
-    const frame = document.getElementById('md-frame') as any
-
-    const doc = frame ? frame.contentWindow?.document : null
-    if (doc) {
-      doc.open()
-      doc.write(html)
-      doc.close()
-
-      updateSize(frame)
-    }
-    return () => { }
-  }, [content, html])
-
   return (
-    <div className="relative">
-      <iframe id="md-frame"></iframe>
+    <div className="relative markdown-viewer" dangerouslySetInnerHTML={{ __html: html }}>
     </div>
   )
 }