diff --git a/native/markdown/markdown-chat-mention.react.js b/native/markdown/markdown-chat-mention.react.js
new file mode 100644
--- /dev/null
+++ b/native/markdown/markdown-chat-mention.react.js
@@ -0,0 +1,31 @@
+// @flow
+
+import * as React from 'react';
+import { Text } from 'react-native';
+
+import type { ResolvedThreadInfo } from 'lib/types/thread-types.js';
+
+import { useMarkdownOnPressUtils } from './markdown-utils.js';
+
+type TextProps = React.ElementConfig<typeof Text>;
+type Props = {
+  +threadInfo: ResolvedThreadInfo,
+  +hasAccessToChat: boolean,
+  +children: React.Node,
+  ...TextProps,
+};
+function MarkdownChatMention(props: Props): React.Node {
+  const { threadInfo, hasAccessToChat, style, ...rest } = props;
+  const { shouldBePressable, onLongPressHandler } = useMarkdownOnPressUtils(
+    !hasAccessToChat,
+  );
+  return (
+    <Text
+      onLongPress={shouldBePressable ? onLongPressHandler : null}
+      style={hasAccessToChat ? style : null}
+      {...rest}
+    />
+  );
+}
+
+export default MarkdownChatMention;