Revert "Try out FlashList"

This reverts commit 8406a57143.
2023-01-06 14:00:50 +01:00 · 2023-01-06 14:00:50 +01:00 · c7a472124c
parent 8406a57143
commit c7a472124c
13 changed files with 108 additions and 146 deletions
--- a/ios/Podfile.lock
+++ b/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
--- a/package.json
+++ b/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",
--- a/src/components/Timeline/Refresh.tsx
+++ b/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>
--- a/src/components/Timeline/index.tsx
+++ b/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={
--- a/src/screens/Compose/Root/Footer/Attachments.tsx
+++ b/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}
--- a/src/screens/Tabs/Me/FollowedTags.tsx
+++ b/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
-      estimatedItemSize={70}
+    <FlatList
+      style={{ flex: 1 }}
      data={flattenData}
      renderItem={({ item }) => (
        <ComponentHashtag
--- a/src/screens/Tabs/Me/List/Accounts.tsx
+++ b/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
--- a/src/screens/Tabs/Me/SettingsLanguage.tsx
+++ b/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 }) => {
--- a/src/screens/Tabs/Shared/Account/Attachments.tsx
+++ b/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) => {
-        if (index === DISPLAY_AMOUNT - 1) {
-          return (
-            <Pressable
-              key={index}
-              onPress={() => {
-                account && navigation.push('Tab-Shared-Attachments', { account })
-              }}
-              children={
-                <View
-                  style={{
-                    marginHorizontal: StyleConstants.Spacing.Global.PagePadding,
-                    backgroundColor: colors.backgroundOverlayInvert,
-                    width: width,
-                    height: width,
-                    justifyContent: 'center',
-                    alignItems: 'center'
-                  }}
-                  children={
-                    <Icon
-                      name='MoreHorizontal'
-                      color={colors.primaryOverlay}
-                      size={StyleConstants.Font.Size.L * 1.5}
-                    />
-                  }
-                />
-              }
-            />
-          )
-        } else {
-          return (
-            <GracefullyImage
-              key={index}
-              uri={{
-                original: item.media_attachments[0]?.preview_url || item.media_attachments[0]?.url,
-                remote: item.media_attachments[0]?.remote_url
-              }}
-              blurhash={
-                item.media_attachments[0] && (item.media_attachments[0].blurhash || undefined)
-              }
-              dimension={{ width: width, height: width }}
-              style={{ marginLeft: StyleConstants.Spacing.Global.PagePadding }}
-              onPress={() => navigation.push('Tab-Shared-Toot', { toot: item })}
-            />
-          )
-        }
-      })}
-    </ScrollView>
+      <FlatList
+        horizontal
+        data={flattenData}
+        renderItem={({ item, index }) => {
+          if (index === DISPLAY_AMOUNT - 1) {
+            return (
+              <Pressable
+                onPress={() => {
+                  account && navigation.push('Tab-Shared-Attachments', { account })
+                }}
+                children={
+                  <View
+                    style={{
+                      marginHorizontal: StyleConstants.Spacing.Global.PagePadding,
+                      backgroundColor: colors.backgroundOverlayInvert,
+                      width: width,
+                      height: width,
+                      justifyContent: 'center',
+                      alignItems: 'center'
+                    }}
+                    children={
+                      <Icon
+                        name='MoreHorizontal'
+                        color={colors.primaryOverlay}
+                        size={StyleConstants.Font.Size.L * 1.5}
+                      />
+                    }
+                  />
+                }
+              />
+            )
+          } else {
+            return (
+              <GracefullyImage
+                uri={{
+                  original:
+                    item.media_attachments[0]?.preview_url || item.media_attachments[0]?.url,
+                  remote: item.media_attachments[0]?.remote_url
+                }}
+                blurhash={
+                  item.media_attachments[0] && (item.media_attachments[0].blurhash || undefined)
+                }
+                dimension={{ width: width, height: width }}
+                style={{ marginLeft: StyleConstants.Spacing.Global.PagePadding }}
+                onPress={() => navigation.push('Tab-Shared-Toot', { toot: item })}
+              />
+            )
+          }
+        }}
+        showsHorizontalScrollIndicator={false}
+      />
+    </View>
  )
 }

--- a/src/screens/Tabs/Shared/History.tsx
+++ b/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
-      estimatedItemSize={100}
+    <FlatList
+      style={{ flex: 1, minHeight: '100%' }}
      data={dataReversed}
      renderItem={({ item, index }) => (
        <ContentView
--- a/src/screens/Tabs/Shared/Toot.tsx
+++ b/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={{
--- a/src/screens/Tabs/Shared/Users.tsx
+++ b/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
--- a/yarn.lock
+++ b/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"