open links in new tab

danerieber · May 26, 2024 · 98bf7fb · 98bf7fb
1 parent ea7a913
commit 98bf7fb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/components/ChatMessageElement.tsx b/components/ChatMessageElement.tsx
@@ -9,6 +9,7 @@ import Username from "./Username";
 import remarkGemoji from "remark-gemoji";
 import { Verified } from "@mui/icons-material";
 import { Tooltip } from "@nextui-org/tooltip";
+import rehypeExternalLinks from "rehype-external-links";
 
 export default function ChatMessageElement({
   icon,
@@ -83,6 +84,7 @@ export default function ChatMessageElement({
         <Markdown
           className={clsx("text-wrap break-words", !showUsername && "pl-5")}
           remarkPlugins={[remarkGfm, remarkBreaks, remarkGemoji]}
+          rehypePlugins={[[rehypeExternalLinks, { target: "_blank" }]]}
           components={{
             img(props) {
               const { src, alt } = props;

diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-markdown": "^9.0.1",
+    "rehype-external-links": "^3.0.0",
     "remark-breaks": "^4.0.0",
     "remark-gemoji": "^8.0.0",
     "remark-gfm": "^4.0.0",