Add custom link rendering in MarkdownWithTooltips component

Author: devhelpr

src/components/MarkdownWithTooltips.tsx

@@ -47,6 +47,18 @@ export function MarkdownWithTooltips({
                     }
                     return <span {...props}>{children}</span>;
                 },
+                a: ({ children, href }) => {
+                    return (
+                        <a
+                            href={href}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="text-blue-600 hover:text-blue-800 underline"
+                        >
+                            {children}
+                        </a>
+                    );
+                },
             }}
         >
             {children}