Link comp in markdown.

2022-08-12 15:54:34 +05:30
parent b23b0066bb
commit 034fc3423b
1 changed files with 11 additions and 1 deletions
--- a/components/HooksEditor.tsx
+++ b/components/HooksEditor.tsx
@@ -191,7 +191,17 @@ const HooksEditor = () => {
      {file?.language === "markdown" && previewToggle}
      {snap.files.length > 0 && router.isReady ? (
        isMdPreview && file?.language === "markdown" ? (
-          <Markdown>{file.content}</Markdown>
+          <Markdown
+            components={{
+              a: ({ href, children }) => (
+                <Link target="_blank" rel="noopener noreferrer" href={href}>
+                  {children}
+                </Link>
+              ),
+            }}
+          >
+            {file.content}
+          </Markdown>
        ) : (
          <Monaco
            keepCurrentModel