From 730f34753a9033789b09cf2a3f50bf70afa5e12d Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Fri, 13 Mar 2026 13:27:24 +0700
Subject: [PATCH] fix(app): use platform-specific components for markdown links

---
 packages/app/src/components/message.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/components/message.tsx b/packages/app/src/components/message.tsx
index f04f21d73..821593b22 100644
--- a/packages/app/src/components/message.tsx
+++ b/packages/app/src/components/message.tsx
@@ -468,15 +468,24 @@ function MarkdownLink({
   children: ReactNode;
 }) {
   const [hovered, setHovered] = useState(false);
-  const hoverProps =
-    Platform.OS === "web"
-      ? { onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false) }
-      : {};
+  if (Platform.OS !== "web") {
+    return (
+      <Text
+        accessibilityRole="link"
+        onPress={() => onPress(href)}
+        style={style}
+      >
+        {children}
+      </Text>
+    );
+  }
+
   return (
     <Pressable
       accessibilityRole="link"
       onPress={() => onPress(href)}
-      {...hoverProps}
+      onHoverIn={() => setHovered(true)}
+      onHoverOut={() => setHovered(false)}
     >
       <Text style={[style, hovered && { textDecorationLine: "underline" }]}>
         {children}