diff --git a/native/components/thread-ancestors-label.react.js b/native/components/thread-ancestors-label.react.js
--- a/native/components/thread-ancestors-label.react.js
+++ b/native/components/thread-ancestors-label.react.js
@@ -6,6 +6,7 @@
import { useAncestorThreads } from 'lib/shared/ancestor-threads';
import { type ThreadInfo } from 'lib/types/thread-types';
+import { useResolvedThreadInfos } from 'lib/utils/entity-helpers';
import { useColors, useStyles } from '../themes/colors';
@@ -18,6 +19,7 @@
const styles = useStyles(unboundStyles);
const colors = useColors();
const ancestorThreads = useAncestorThreads(threadInfo);
+ const resolvedAncestorThreads = useResolvedThreadInfos(ancestorThreads);
const chevronIcon = React.useMemo(
() => (
@@ -32,7 +34,7 @@
const ancestorPath = React.useMemo(() => {
const path = [];
- for (const thread of ancestorThreads) {
+ for (const thread of resolvedAncestorThreads) {
path.push({thread.uiName});
path.push(
${thread.id}`} style={styles.chevron}>
@@ -42,7 +44,7 @@
}
path.pop();
return path;
- }, [ancestorThreads, chevronIcon, styles.chevron]);
+ }, [resolvedAncestorThreads, chevronIcon, styles.chevron]);
const ancestorPathStyle = React.useMemo(() => {
return unread ? [styles.pathText, styles.unread] : styles.pathText;