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, StyleSheet } from 'react-native';
+
+import { useMarkdownOnPressUtils } from './markdown-utils.js';
+
+type TextProps = React.ElementConfig<typeof Text>;
+type Props = {
+  +children: React.Node,
+  ...TextProps,
+};
+function MarkdownChatMention(props: Props): React.Node {
+  const { ...rest } = props;
+  const { isRevealed, onLongPressHandler } = useMarkdownOnPressUtils();
+  return (
+    <Text
+      onLongPress={isRevealed ? onLongPressHandler : null}
+      style={styles.mention}
+      {...rest}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  mention: {
+    fontWeight: 'bold',
+  },
+});
+
+export default MarkdownChatMention;