markdown open links to new window

components/common/Markdown.tsx

@@ -76,7 +76,7 @@ const Markdown: React.FC<MarkdownProps> = ({
       link: (props: any) => {
         const { children } = props;
         return (
-          <MyLink isExternal {...props}>
+          <MyLink isExternal {...props} toNewWindow>
             {children}
           </MyLink>
         );

components/common/MyLink.tsx

@@ -8,6 +8,7 @@ interface Props {
   isExternal?: boolean;
   prefetch?: boolean;
   isColored?: boolean;
+  toNewWindow?: boolean;
 }
 
 const MyLink: React.FC<Props> = ({
@@ -16,12 +17,17 @@ const MyLink: React.FC<Props> = ({
   isExternal,
   prefetch = false,
   isColored = true,
+  toNewWindow,
 }) => {
   const { themeColorShade } = useMyTheme();
 
   if (isExternal) {
     return (
-      <ChakraLink href={href} color={isColored ? themeColorShade : undefined}>
+      <ChakraLink
+        href={href}
+        color={isColored ? themeColorShade : undefined}
+        target={toNewWindow ? "_blank" : undefined}
+      >
         {children}
       </ChakraLink>
     );