Revert "Try out FlashList"

This reverts commit 8406a57143708cbfc265e9ff96c1a32bbaf9a1b3.

ios/Podfile.lock

@@ -16,7 +16,7 @@ PODS:
     - ExpoModulesCore
   - EXNotifications (0.17.0):
     - ExpoModulesCore
-  - Expo (47.0.11):
+  - Expo (47.0.10):
     - ExpoModulesCore
   - ExpoCrypto (12.1.0):
     - ExpoModulesCore
@@ -400,8 +400,6 @@ PODS:
     - React-Core
     - SDWebImage (~> 5.14.3)
     - SDWebImageWebPCoder (~> 0.9.1)
-  - RNFlashList (1.4.0):
-    - React-Core
   - RNGestureHandler (2.8.0):
     - React-Core
   - RNReanimated (2.13.0):
@@ -523,7 +521,6 @@ DEPENDENCIES:
   - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
   - "RNCClipboard (from `../node_modules/@react-native-clipboard/clipboard`)"
   - RNFastImage (from `../node_modules/react-native-fast-image`)
-  - "RNFlashList (from `../node_modules/@shopify/flash-list`)"
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
   - RNReanimated (from `../node_modules/react-native-reanimated`)
   - RNScreens (from `../node_modules/react-native-screens`)
@@ -683,8 +680,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/@react-native-clipboard/clipboard"
   RNFastImage:
     :path: "../node_modules/react-native-fast-image"
-  RNFlashList:
-    :path: "../node_modules/@shopify/flash-list"
   RNGestureHandler:
     :path: "../node_modules/react-native-gesture-handler"
   RNReanimated:
@@ -710,7 +705,7 @@ SPEC CHECKSUMS:
   EXFileSystem: 60602b6eefa6873f97172c684b7537c9760b50d6
   EXFont: 319606bfe48c33b5b5063fb0994afdc496befe80
   EXNotifications: babce2a87b7922051354fcfe7a74dd279b7e272a
-  Expo: dedd83acfd4d70cbec6ac2f1b4433462d95c70bc
+  Expo: a694d89d2461fdfc6b977bf489bf7d341ed03bca
   ExpoCrypto: 6eb2a5ede7d95b7359a5f0391ee0c5d2ecd144b3
   ExpoHaptics: 129d3f8d44c2205adcdf8db760602818463d5437
   ExpoKeepAwake: 69b59d0a8d2b24de9f82759c39b3821fec030318
@@ -775,7 +770,6 @@ SPEC CHECKSUMS:
   RNCAsyncStorage: 8616bd5a58af409453ea4e1b246521bb76578d60
   RNCClipboard: 2834e1c4af68697089cdd455ee4a4cdd198fa7dd
   RNFastImage: 756ab178acb5e3f11d8b0a931956fbd9da8d6e54
-  RNFlashList: 399bf6a0db68f594ad2c86aaff3ea39564f39f8a
   RNGestureHandler: 62232ba8f562f7dea5ba1b3383494eb5bf97a4d3
   RNReanimated: ce445c233a6ff5600223484a88ad5704945d972a
   RNScreens: 34cc502acf1b916c582c60003dc3089fa01dc66d

package.json

@@ -39,7 +39,6 @@
     "@react-navigation/stack": "^6.3.10",
     "@sentry/react-native": "4.12.0",
     "@sharcoux/slider": "^6.1.1",
-    "@shopify/flash-list": "^1.4.0",
     "@tanstack/react-query": "^4.20.9",
     "axios": "^1.2.2",
     "diff": "^5.1.0",

src/components/Timeline/Refresh.tsx

@@ -1,13 +1,12 @@
 import haptics from '@components/haptics'
 import Icon from '@components/Icon'
-import { FlashList } from '@shopify/flash-list'
 import { InfiniteData, useQueryClient } from '@tanstack/react-query'
 import { QueryKeyTimeline, TimelineData, useTimelineQuery } from '@utils/queryHooks/timeline'
 import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { RefObject, useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { LayoutChangeEvent, Platform, StyleSheet, Text, View } from 'react-native'
+import { FlatList, LayoutChangeEvent, Platform, StyleSheet, Text, View } from 'react-native'
 import { Circle } from 'react-native-animated-spinkit'
 import Animated, {
   Extrapolate,
@@ -20,7 +19,7 @@ import Animated, {
 } from 'react-native-reanimated'
 
 export interface Props {
-  flRef: RefObject<FlashList<any>>
+  flRef: RefObject<FlatList<any>>
   queryKey: QueryKeyTimeline
   scrollY: Animated.SharedValue<number>
   fetchingType: Animated.SharedValue<0 | 1 | 2>

src/components/Timeline/index.tsx

@@ -1,6 +1,5 @@
 import ComponentSeparator from '@components/Separator'
 import { useScrollToTop } from '@react-navigation/native'
-import { FlashList, FlashListProps } from '@shopify/flash-list'
 import { UseInfiniteQueryOptions } from '@tanstack/react-query'
 import { QueryKeyTimeline, useTimelineQuery } from '@utils/queryHooks/timeline'
 import { flattenPages } from '@utils/queryHooks/utils'
@@ -8,16 +7,16 @@ import { useGlobalStorageListener } from '@utils/storage/actions'
 import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { RefObject, useRef } from 'react'
-import { Platform, RefreshControl } from 'react-native'
+import { FlatList, FlatListProps, Platform, RefreshControl } from 'react-native'
 import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated'
 import TimelineEmpty from './Empty'
 import TimelineFooter from './Footer'
 import TimelineRefresh, { SEPARATION_Y_1, SEPARATION_Y_2 } from './Refresh'
 
-const AnimatedFlatList = Animated.createAnimatedComponent(FlashList)
+const AnimatedFlatList = Animated.createAnimatedComponent(FlatList)
 
 export interface Props {
-  flRef?: RefObject<FlashList<any>>
+  flRef?: RefObject<FlatList<any>>
   queryKey: QueryKeyTimeline
   queryOptions?: Omit<
     UseInfiniteQueryOptions<any>,
@@ -25,7 +24,7 @@ export interface Props {
   >
   disableRefresh?: boolean
   disableInfinity?: boolean
-  customProps: Partial<FlashListProps<any>> & Pick<FlashListProps<any>, 'renderItem'>
+  customProps: Partial<FlatListProps<any>> & Pick<FlatListProps<any>, 'renderItem'>
 }
 
 const Timeline: React.FC<Props> = ({
@@ -56,7 +55,7 @@ const Timeline: React.FC<Props> = ({
       }
     })
 
-  const flRef = useRef<FlashList<any>>(null)
+  const flRef = useRef<FlatList>(null)
 
   const scrollY = useSharedValue(0)
   const fetchingType = useSharedValue<0 | 1 | 2>(0)
@@ -93,7 +92,6 @@ const Timeline: React.FC<Props> = ({
     }
   })
 
-  // @ts-ignore
   useScrollToTop(flRef)
   useGlobalStorageListener('account.active', () =>
     flRef.current?.scrollToOffset({ offset: 0, animated: false })
@@ -110,10 +108,12 @@ const Timeline: React.FC<Props> = ({
       />
       <AnimatedFlatList
         ref={customFLRef || flRef}
-        estimatedItemSize={200}
         scrollEventThrottle={16}
         onScroll={onScroll}
+        windowSize={7}
         data={flattenPages(data)}
+        initialNumToRender={6}
+        maxToRenderPerBatch={3}
         onEndReached={() => !disableInfinity && !isFetchingNextPage && fetchNextPage()}
         onEndReachedThreshold={0.75}
         ListFooterComponent={

src/screens/Compose/Root/Footer/Attachments.tsx

@@ -5,13 +5,12 @@ import { MAX_MEDIA_ATTACHMENTS } from '@components/mediaSelector'
 import CustomText from '@components/Text'
 import { useActionSheet } from '@expo/react-native-action-sheet'
 import { useNavigation } from '@react-navigation/native'
-import { FlashList } from '@shopify/flash-list'
 import { StyleConstants } from '@utils/styles/constants'
 import layoutAnimation from '@utils/styles/layoutAnimation'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { RefObject, useContext, useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Pressable, StyleSheet, View } from 'react-native'
+import { FlatList, Pressable, StyleSheet, View } from 'react-native'
 import { Circle } from 'react-native-animated-spinkit'
 import FastImage from 'react-native-fast-image'
 import ComposeContext from '../../utils/createContext'
@@ -31,7 +30,7 @@ const ComposeAttachments: React.FC<Props> = ({ accessibleRefAttachments }) => {
   const { colors } = useTheme()
   const navigation = useNavigation<any>()
 
-  const flatListRef = useRef<FlashList<any>>(null)
+  const flatListRef = useRef<FlatList>(null)
 
   const sensitiveOnPress = () =>
     composeDispatch({
@@ -223,11 +222,10 @@ const ComposeAttachments: React.FC<Props> = ({ accessibleRefAttachments }) => {
           {t('content.root.footer.attachments.sensitive')}
         </CustomText>
       </Pressable>
-      <FlashList
+      <FlatList
         horizontal
         ref={flatListRef}
         decelerationRate={0}
-        estimatedItemSize={100}
         pagingEnabled={false}
         snapToAlignment='center'
         renderItem={renderAttachment}

src/screens/Tabs/Me/FollowedTags.tsx

@@ -3,12 +3,12 @@ import haptics from '@components/haptics'
 import ComponentHashtag from '@components/Hashtag'
 import { displayMessage } from '@components/Message'
 import ComponentSeparator from '@components/Separator'
-import { FlashList } from '@shopify/flash-list'
 import { TabMeStackScreenProps } from '@utils/navigation/navigators'
 import { useFollowedTagsQuery, useTagsMutation } from '@utils/queryHooks/tags'
 import { flattenPages } from '@utils/queryHooks/utils'
 import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
+import { FlatList } from 'react-native-gesture-handler'
 
 const TabMeFollowedTags: React.FC<TabMeStackScreenProps<'Tab-Me-FollowedTags'>> = ({
   navigation
@@ -49,8 +49,8 @@ const TabMeFollowedTags: React.FC<TabMeStackScreenProps<'Tab-Me-FollowedTags'>>
   })
 
   return (
-    <FlashList
+    <FlatList
-      estimatedItemSize={70}
+      style={{ flex: 1 }}
       data={flattenData}
       renderItem={({ item }) => (
         <ComponentHashtag

src/screens/Tabs/Me/List/Accounts.tsx

@@ -3,7 +3,6 @@ import Button from '@components/Button'
 import haptics from '@components/haptics'
 import { displayMessage } from '@components/Message'
 import CustomText from '@components/Text'
-import { FlashList } from '@shopify/flash-list'
 import { TabMeStackScreenProps } from '@utils/navigation/navigators'
 import {
   QueryKeyListAccounts,
@@ -15,7 +14,7 @@ import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { View } from 'react-native'
+import { FlatList, View } from 'react-native'
 
 const TabMeListAccounts: React.FC<TabMeStackScreenProps<'Tab-Me-List-Accounts'>> = ({
   route: { params }
@@ -52,7 +51,7 @@ const TabMeListAccounts: React.FC<TabMeStackScreenProps<'Tab-Me-List-Accounts'>>
   })
 
   return (
-    <FlashList
+    <FlatList
       data={flattenPages(data)}
       renderItem={({ item, index }) => (
         <ComponentAccount

src/screens/Tabs/Me/SettingsLanguage.tsx

@@ -1,14 +1,13 @@
 import haptics from '@components/haptics'
 import { MenuRow } from '@components/Menu'
 import { LOCALES } from '@i18n/locales'
-import { FlashList } from '@shopify/flash-list'
 import { TabMeStackScreenProps } from '@utils/navigation/navigators'
 import { setChannels } from '@utils/push/constants'
 import { getGlobalStorage, useGlobalStorage } from '@utils/storage/actions'
 import { StyleConstants } from '@utils/styles/constants'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Platform } from 'react-native'
+import { FlatList, Platform } from 'react-native'
 
 const TabMeSettingsLanguage: React.FC<TabMeStackScreenProps<'Tab-Me-Settings-Language'>> = ({
   navigation
@@ -34,7 +33,7 @@ const TabMeSettingsLanguage: React.FC<TabMeStackScreenProps<'Tab-Me-Settings-Lan
   }
 
   return (
-    <FlashList
+    <FlatList
       style={{ flex: 1, paddingHorizontal: StyleConstants.Spacing.Global.PagePadding }}
       data={languages}
       renderItem={({ item }) => {

src/screens/Tabs/Shared/Account/Attachments.tsx

@@ -9,7 +9,7 @@ import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { useContext } from 'react'
 import { Dimensions, Pressable, View } from 'react-native'
-import { ScrollView } from 'react-native-gesture-handler'
+import { FlatList } from 'react-native-gesture-handler'
 import AccountContext from './Context'
 
 const AccountAttachments: React.FC = () => {
@@ -39,66 +39,67 @@ const AccountAttachments: React.FC = () => {
   if (!flattenData.length) return null
 
   return (
-    <ScrollView
+    <View
       style={{
         flex: 1,
-        flexDirection: 'row',
         height: width + StyleConstants.Spacing.Global.PagePadding * 2,
         paddingVertical: StyleConstants.Spacing.Global.PagePadding,
         borderTopWidth: 1,
         borderTopColor: colors.border
       }}
-      horizontal
-      showsHorizontalScrollIndicator={false}
     >
-      {flattenData.map((item, index) => {
+      <FlatList
-        if (index === DISPLAY_AMOUNT - 1) {
+        horizontal
-          return (
+        data={flattenData}
-            <Pressable
+        renderItem={({ item, index }) => {
-              key={index}
+          if (index === DISPLAY_AMOUNT - 1) {
-              onPress={() => {
+            return (
-                account && navigation.push('Tab-Shared-Attachments', { account })
+              <Pressable
-              }}
+                onPress={() => {
-              children={
+                  account && navigation.push('Tab-Shared-Attachments', { account })
-                <View
+                }}
-                  style={{
+                children={
-                    marginHorizontal: StyleConstants.Spacing.Global.PagePadding,
+                  <View
-                    backgroundColor: colors.backgroundOverlayInvert,
+                    style={{
-                    width: width,
+                      marginHorizontal: StyleConstants.Spacing.Global.PagePadding,
-                    height: width,
+                      backgroundColor: colors.backgroundOverlayInvert,
-                    justifyContent: 'center',
+                      width: width,
-                    alignItems: 'center'
+                      height: width,
-                  }}
+                      justifyContent: 'center',
-                  children={
+                      alignItems: 'center'
-                    <Icon
+                    }}
-                      name='MoreHorizontal'
+                    children={
-                      color={colors.primaryOverlay}
+                      <Icon
-                      size={StyleConstants.Font.Size.L * 1.5}
+                        name='MoreHorizontal'
-                    />
+                        color={colors.primaryOverlay}
-                  }
+                        size={StyleConstants.Font.Size.L * 1.5}
-                />
+                      />
-              }
+                    }
-            />
+                  />
-          )
+                }
-        } else {
+              />
-          return (
+            )
-            <GracefullyImage
+          } else {
-              key={index}
+            return (
-              uri={{
+              <GracefullyImage
-                original: item.media_attachments[0]?.preview_url || item.media_attachments[0]?.url,
+                uri={{
-                remote: item.media_attachments[0]?.remote_url
+                  original:
-              }}
+                    item.media_attachments[0]?.preview_url || item.media_attachments[0]?.url,
-              blurhash={
+                  remote: item.media_attachments[0]?.remote_url
-                item.media_attachments[0] && (item.media_attachments[0].blurhash || undefined)
+                }}
-              }
+                blurhash={
-              dimension={{ width: width, height: width }}
+                  item.media_attachments[0] && (item.media_attachments[0].blurhash || undefined)
-              style={{ marginLeft: StyleConstants.Spacing.Global.PagePadding }}
+                }
-              onPress={() => navigation.push('Tab-Shared-Toot', { toot: item })}
+                dimension={{ width: width, height: width }}
-            />
+                style={{ marginLeft: StyleConstants.Spacing.Global.PagePadding }}
-          )
+                onPress={() => navigation.push('Tab-Shared-Toot', { toot: item })}
-        }
+              />
-      })}
+            )
-    </ScrollView>
+          }
+        }}
+        showsHorizontalScrollIndicator={false}
+      />
+    </View>
   )
 }
 

src/screens/Tabs/Shared/History.tsx

@@ -6,7 +6,6 @@ import CustomText from '@components/Text'
 import TimelineAttachment from '@components/Timeline/Shared/Attachment'
 import StatusContext from '@components/Timeline/Shared/Context'
 import HeaderSharedCreated from '@components/Timeline/Shared/HeaderShared/Created'
-import { FlashList } from '@shopify/flash-list'
 import removeHTML from '@utils/helpers/removeHTML'
 import { TabSharedStackScreenProps } from '@utils/navigation/navigators'
 import { useStatusHistory } from '@utils/queryHooks/statusesHistory'
@@ -15,7 +14,7 @@ import { useTheme } from '@utils/styles/ThemeManager'
 import { diffChars, diffWords } from 'diff'
 import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { View } from 'react-native'
+import { FlatList, View } from 'react-native'
 
 const SCRIPTS_WITHOUT_BOUNDARIES = [
   'my',
@@ -159,8 +158,8 @@ const TabSharedHistory: React.FC<TabSharedStackScreenProps<'Tab-Shared-History'>
   ).length
 
   return (
-    <FlashList
+    <FlatList
-      estimatedItemSize={100}
+      style={{ flex: 1, minHeight: '100%' }}
       data={dataReversed}
       renderItem={({ item, index }) => (
         <ContentView

src/screens/Tabs/Shared/Toot.tsx

@@ -3,7 +3,6 @@ import Icon from '@components/Icon'
 import ComponentSeparator from '@components/Separator'
 import CustomText from '@components/Text'
 import TimelineDefault from '@components/Timeline/Default'
-import { FlashList } from '@shopify/flash-list'
 import { useQuery } from '@tanstack/react-query'
 import apiGeneral from '@utils/api/general'
 import apiInstance from '@utils/api/instance'
@@ -16,7 +15,7 @@ import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Alert, Pressable, View } from 'react-native'
+import { Alert, FlatList, Pressable, View } from 'react-native'
 import { Circle } from 'react-native-animated-spinkit'
 import { Path, Svg } from 'react-native-svg'
 
@@ -70,7 +69,7 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
     navigation.setParams({ toot, queryKey: queryKey.local })
   }, [hasRemoteContent])
 
-  const flRef = useRef<FlashList<Mastodon.Status>>(null)
+  const flRef = useRef<FlatList>(null)
   const scrolled = useRef(false)
 
   const match = urlMatcher(toot.url || toot.uri)
@@ -259,13 +258,14 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
   const ARC = StyleConstants.Avatar.XS / 4
 
   return (
-    <FlashList
+    <FlatList
       ref={flRef}
-      estimatedItemSize={100}
+      scrollEventThrottle={16}
+      windowSize={7}
       data={query.data.pages?.[0].body}
       renderItem={({ item, index }) => {
         const prev = query.data.pages[0].body[index - 1]?._level || 0
-        const curr = item._level || 0
+        const curr = item._level
         const next = query.data.pages[0].body[index + 1]?._level || 0
 
         return (
@@ -273,7 +273,7 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
             style={{
               paddingLeft:
                 index > highlightIndex.current
-                  ? Math.min((item._level || 0) - 1, MAX_LEVEL) * StyleConstants.Spacing.S
+                  ? Math.min(item._level - 1, MAX_LEVEL) * StyleConstants.Spacing.S
                   : undefined
             }}
             onLayout={({
@@ -386,6 +386,8 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
           </View>
         )
       }}
+      initialNumToRender={6}
+      maxToRenderPerBatch={3}
       ItemSeparatorComponent={({ leadingItem }) => {
         return (
           <>
@@ -414,6 +416,21 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
           </>
         )
       }}
+      onScrollToIndexFailed={error => {
+        const offset = error.averageItemLength * error.index
+        flRef.current?.scrollToOffset({ offset })
+        try {
+          error.index < query.data.pages[0].body.length &&
+            setTimeout(
+              () =>
+                flRef.current?.scrollToIndex({
+                  index: error.index,
+                  viewOffset: 100
+                }),
+              500
+            )
+        } catch {}
+      }}
       ListFooterComponent={
         <View
           style={{

src/screens/Tabs/Shared/Users.tsx

@@ -3,7 +3,6 @@ import { HeaderLeft } from '@components/Header'
 import Icon from '@components/Icon'
 import ComponentSeparator from '@components/Separator'
 import CustomText from '@components/Text'
-import { FlashList } from '@shopify/flash-list'
 import apiInstance from '@utils/api/instance'
 import { TabSharedStackScreenProps } from '@utils/navigation/navigators'
 import { SearchResult } from '@utils/queryHooks/search'
@@ -15,6 +14,7 @@ import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { View } from 'react-native'
 import { Circle, Flow } from 'react-native-animated-spinkit'
+import { FlatList } from 'react-native-gesture-handler'
 
 const TabSharedUsers: React.FC<TabSharedStackScreenProps<'Tab-Shared-Users'>> = ({
   navigation,
@@ -44,9 +44,9 @@ const TabSharedUsers: React.FC<TabSharedStackScreenProps<'Tab-Shared-Users'>> =
   const [isSearching, setIsSearching] = useState(false)
 
   return (
-    <FlashList
+    <FlatList
+      windowSize={7}
       data={flattenPages(data)}
-      estimatedItemSize={72}
       style={{
         minHeight: '100%',
         paddingVertical: StyleConstants.Spacing.Global.PagePadding

yarn.lock

@@ -3309,20 +3309,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@shopify/flash-list@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "@shopify/flash-list@npm:1.4.0"
-  dependencies:
-    recyclerlistview: 4.2.0
-    tslib: 2.4.0
-  peerDependencies:
-    "@babel/runtime": "*"
-    react: "*"
-    react-native: "*"
-  checksum: c6510b0d6ae6404fe92ede0c918ba184bc2b27ed39c627eebad16a6542792cb34e750e2004e1a9ce165f9d729f1af0555cba1e4c224fd52bfd2a600fdc9e2a65
-  languageName: node
-  linkType: hard
-
 "@sideway/address@npm:^4.1.3":
   version: 4.1.4
   resolution: "@sideway/address@npm:4.1.4"
@@ -7657,7 +7643,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.debounce@npm:4.0.8, lodash.debounce@npm:^4.0.8":
+"lodash.debounce@npm:^4.0.8":
   version: 4.0.8
   resolution: "lodash.debounce@npm:4.0.8"
   checksum: a3f527d22c548f43ae31c861ada88b2637eb48ac6aa3eb56e82d44917971b8aa96fbb37aa60efea674dc4ee8c42074f90f7b1f772e9db375435f6c83a19b3bc6
@@ -9265,7 +9251,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:*, prop-types@npm:15.8.1, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:*, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -9977,20 +9963,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recyclerlistview@npm:4.2.0":
-  version: 4.2.0
-  resolution: "recyclerlistview@npm:4.2.0"
-  dependencies:
-    lodash.debounce: 4.0.8
-    prop-types: 15.8.1
-    ts-object-utils: 0.0.5
-  peerDependencies:
-    react: ">= 15.2.1"
-    react-native: ">= 0.30.0"
-  checksum: 6cba6a99fb487067c509112b94e3d4d3905d782bbcb7af2cffbd57c601a4650d670e4eee5fec18d195d58ff6ec01a47288c5510379a2f37da3c5fc0a58860441
-  languageName: node
-  linkType: hard
-
 "regenerate-unicode-properties@npm:^10.1.0":
   version: 10.1.0
   resolution: "regenerate-unicode-properties@npm:10.1.0"
@@ -11294,7 +11266,6 @@ __metadata:
     "@react-navigation/stack": ^6.3.10
     "@sentry/react-native": 4.12.0
     "@sharcoux/slider": ^6.1.1
-    "@shopify/flash-list": ^1.4.0
     "@tanstack/react-query": ^4.20.9
     "@types/diff": ^5.0.2
     "@types/linkify-it": ^3.0.2
@@ -11385,20 +11356,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-object-utils@npm:0.0.5":
-  version: 0.0.5
-  resolution: "ts-object-utils@npm:0.0.5"
-  checksum: 83c48fbdaba392fb2c01cea53b267ed5538d2bb44fc6c3eecc10bcfabc1780bfa6ec8569b52bbf0140d9b521d9049d5f15884e12286918244d463d854dbc73cb
-  languageName: node
-  linkType: hard
-
-"tslib@npm:2.4.0":
-  version: 2.4.0
-  resolution: "tslib@npm:2.4.0"
-  checksum: 8c4aa6a3c5a754bf76aefc38026134180c053b7bd2f81338cb5e5ebf96fefa0f417bff221592bf801077f5bf990562f6264fecbc42cd3309b33872cb6fc3b113
-  languageName: node
-  linkType: hard
-
 "tslib@npm:^1.9.0, tslib@npm:^1.9.3":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"