Try without memo

src/components/Timeline/Default.tsx

@@ -14,7 +14,7 @@ import { QueryKeyTimeline } from '@utils/queryHooks/timeline'
 import { getInstanceAccount } from '@utils/slices/instancesSlice'
 import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
-import { isEqual, uniqBy } from 'lodash'
+import { uniqBy } from 'lodash'
 import React, { useCallback } from 'react'
 import { Pressable, View } from 'react-native'
 import { useSelector } from 'react-redux'
@@ -34,145 +34,136 @@ export interface Props {
 }
 
 // When the poll is long
-const TimelineDefault = React.memo(
-  ({
-    item,
-    queryKey,
-    rootQueryKey,
-    origin,
-    highlighted = false,
-    disableDetails = false,
-    disableOnPress = false
-  }: Props) => {
-    const { colors } = useTheme()
-    const instanceAccount = useSelector(getInstanceAccount, () => true)
-    const navigation =
-      useNavigation<StackNavigationProp<TabLocalStackParamList>>()
+const TimelineDefault: React.FC<Props> = ({
+  item,
+  queryKey,
+  rootQueryKey,
+  origin,
+  highlighted = false,
+  disableDetails = false,
+  disableOnPress = false
+}) => {
+  const { colors } = useTheme()
+  const instanceAccount = useSelector(getInstanceAccount, () => true)
+  const navigation =
+    useNavigation<StackNavigationProp<TabLocalStackParamList>>()
 
-    const actualStatus = item.reblog ? item.reblog : item
+  const actualStatus = item.reblog ? item.reblog : item
 
-    const ownAccount = actualStatus.account?.id === instanceAccount?.id
+  const ownAccount = actualStatus.account?.id === instanceAccount?.id
 
-    if (
+  if (
+    !highlighted &&
+    queryKey &&
+    shouldFilter({ status: actualStatus, queryKey })
+  ) {
+    return <TimelineFiltered />
+  }
+
+  const onPress = useCallback(() => {
+    analytics('timeline_default_press', {
+      page: queryKey ? queryKey[1].page : origin
+    })
+    !disableOnPress &&
       !highlighted &&
-      queryKey &&
-      shouldFilter({ status: actualStatus, queryKey })
-    ) {
-      return <TimelineFiltered />
-    }
-
-    const onPress = useCallback(() => {
-      analytics('timeline_default_press', {
-        page: queryKey ? queryKey[1].page : origin
+      navigation.push('Tab-Shared-Toot', {
+        toot: actualStatus,
+        rootQueryKey: queryKey
       })
-      !disableOnPress &&
-        !highlighted &&
-        navigation.push('Tab-Shared-Toot', {
-          toot: actualStatus,
-          rootQueryKey: queryKey
-        })
-    }, [])
+  }, [])
 
-    return (
-      <Pressable
-        accessible={highlighted ? false : true}
+  return (
+    <Pressable
+      accessible={highlighted ? false : true}
+      style={{
+        padding: StyleConstants.Spacing.Global.PagePadding,
+        backgroundColor: colors.backgroundDefault,
+        paddingBottom:
+          disableDetails && disableOnPress
+            ? StyleConstants.Spacing.Global.PagePadding
+            : 0
+      }}
+      onPress={onPress}
+    >
+      {item.reblog ? (
+        <TimelineActioned action='reblog' account={item.account} />
+      ) : item._pinned ? (
+        <TimelineActioned action='pinned' account={item.account} />
+      ) : null}
+
+      <View style={{ flex: 1, width: '100%', flexDirection: 'row' }}>
+        <TimelineAvatar
+          queryKey={disableOnPress ? undefined : queryKey}
+          account={actualStatus.account}
+          highlighted={highlighted}
+        />
+        <TimelineHeaderDefault
+          queryKey={disableOnPress ? undefined : queryKey}
+          rootQueryKey={disableOnPress ? undefined : rootQueryKey}
+          status={actualStatus}
+          highlighted={highlighted}
+        />
+      </View>
+
+      <View
         style={{
-          padding: StyleConstants.Spacing.Global.PagePadding,
-          backgroundColor: colors.backgroundDefault,
-          paddingBottom:
-            disableDetails && disableOnPress
-              ? StyleConstants.Spacing.Global.PagePadding
-              : 0
+          paddingTop: highlighted ? StyleConstants.Spacing.S : 0,
+          paddingLeft: highlighted
+            ? 0
+            : StyleConstants.Avatar.M + StyleConstants.Spacing.S
         }}
-        onPress={onPress}
       >
-        {item.reblog ? (
-          <TimelineActioned action='reblog' account={item.account} />
-        ) : item._pinned ? (
-          <TimelineActioned action='pinned' account={item.account} />
-        ) : null}
-
-        <View style={{ flex: 1, width: '100%', flexDirection: 'row' }}>
-          <TimelineAvatar
-            queryKey={disableOnPress ? undefined : queryKey}
-            account={actualStatus.account}
-            highlighted={highlighted}
-          />
-          <TimelineHeaderDefault
-            queryKey={disableOnPress ? undefined : queryKey}
-            rootQueryKey={disableOnPress ? undefined : rootQueryKey}
+        {typeof actualStatus.content === 'string' &&
+        actualStatus.content.length > 0 ? (
+          <TimelineContent
             status={actualStatus}
             highlighted={highlighted}
+            disableDetails={disableDetails}
           />
-        </View>
-
-        <View
-          style={{
-            paddingTop: highlighted ? StyleConstants.Spacing.S : 0,
-            paddingLeft: highlighted
-              ? 0
-              : StyleConstants.Avatar.M + StyleConstants.Spacing.S
-          }}
-        >
-          {typeof actualStatus.content === 'string' &&
-          actualStatus.content.length > 0 ? (
-            <TimelineContent
-              status={actualStatus}
-              highlighted={highlighted}
-              disableDetails={disableDetails}
-            />
-          ) : null}
-          {queryKey && actualStatus.poll ? (
-            <TimelinePoll
-              queryKey={queryKey}
-              rootQueryKey={rootQueryKey}
-              statusId={actualStatus.id}
-              poll={actualStatus.poll}
-              reblog={item.reblog ? true : false}
-              sameAccount={ownAccount}
-            />
-          ) : null}
-          {!disableDetails &&
-          Array.isArray(actualStatus.media_attachments) &&
-          actualStatus.media_attachments.length ? (
-            <TimelineAttachment status={actualStatus} />
-          ) : null}
-          {!disableDetails && actualStatus.card ? (
-            <TimelineCard card={actualStatus.card} />
-          ) : null}
-          {!disableDetails ? (
-            <TimelineFullConversation
-              queryKey={queryKey}
-              status={actualStatus}
-            />
-          ) : null}
-          <TimelineTranslate status={actualStatus} highlighted={highlighted} />
-          <TimelineFeedback status={actualStatus} highlighted={highlighted} />
-        </View>
-
-        {queryKey && !disableDetails ? (
-          <TimelineActions
+        ) : null}
+        {queryKey && actualStatus.poll ? (
+          <TimelinePoll
             queryKey={queryKey}
             rootQueryKey={rootQueryKey}
-            highlighted={highlighted}
-            status={actualStatus}
-            ownAccount={ownAccount}
-            accts={uniqBy(
-              (
-                [actualStatus.account] as Mastodon.Account[] &
-                  Mastodon.Mention[]
-              )
-                .concat(actualStatus.mentions)
-                .filter(d => d?.id !== instanceAccount?.id),
-              d => d?.id
-            ).map(d => d?.acct)}
+            statusId={actualStatus.id}
+            poll={actualStatus.poll}
             reblog={item.reblog ? true : false}
+            sameAccount={ownAccount}
           />
         ) : null}
-      </Pressable>
-    )
-  },
-  (prev, next) => isEqual(prev.item, next.item)
-)
+        {!disableDetails &&
+        Array.isArray(actualStatus.media_attachments) &&
+        actualStatus.media_attachments.length ? (
+          <TimelineAttachment status={actualStatus} />
+        ) : null}
+        {!disableDetails && actualStatus.card ? (
+          <TimelineCard card={actualStatus.card} />
+        ) : null}
+        {!disableDetails ? (
+          <TimelineFullConversation queryKey={queryKey} status={actualStatus} />
+        ) : null}
+        <TimelineTranslate status={actualStatus} highlighted={highlighted} />
+        <TimelineFeedback status={actualStatus} highlighted={highlighted} />
+      </View>
+
+      {queryKey && !disableDetails ? (
+        <TimelineActions
+          queryKey={queryKey}
+          rootQueryKey={rootQueryKey}
+          highlighted={highlighted}
+          status={actualStatus}
+          ownAccount={ownAccount}
+          accts={uniqBy(
+            ([actualStatus.account] as Mastodon.Account[] & Mastodon.Mention[])
+              .concat(actualStatus.mentions)
+              .filter(d => d?.id !== instanceAccount?.id),
+            d => d?.id
+          ).map(d => d?.acct)}
+          reblog={item.reblog ? true : false}
+        />
+      ) : null}
+    </Pressable>
+  )
+}
 
 export default TimelineDefault