feat: add support for rendering md-embedded images correctly

the-answerbook-project · Jun 6, 2024 · 48ef8e7 · 48ef8e7
1 parent 2c65448
commit 48ef8e7
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
@@ -30,9 +30,16 @@ const Markdown: FC<MarkdownProps> = ({ children }) => {
       const { children, ...rest } = props
       return <Link {...rest}>{children}</Link>
     },
+    img(props) {
+      return <img alt="" style={{ width: '100%', height: 'auto' }} {...props} />
+    },
   }
   return (
-    <MarkdownRoot components={componentMapping} remarkPlugins={[remarkGfm]}>
+    <MarkdownRoot
+      components={componentMapping}
+      urlTransform={(value: string) => value}
+      remarkPlugins={[remarkGfm]}
+    >
       {children}
     </MarkdownRoot>
   )