chore: replaced useFocusEffect with useIsFocused

Author: tfomkin

libs/mobile/chat/features/menu-list/src/lib/component.tsx

@@ -1,5 +1,5 @@
+import { useIsFocused } from '@react-navigation/native';
 import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
-import { useFocusEffect } from 'expo-router';
 import { ReactElement, useCallback, useEffect, useRef, useState } from 'react';
 import {
   ChatActionsMenuSheet,
@@ -38,7 +38,7 @@ export function ChatMenuList({
 }: ChatMenuListProps): ReactElement {
   const translate = useTranslation('CHAT.CHAT_MENU_LIST');
   const chatActionsSheetRef = useRef<ChatActionsMenuSheetMethods>(null);
-  const isScreenFocusedRef = useRef(false);
+  const isFocused = useIsFocused();
 
   const [isFirstLoading, setIsFirstLoading] = useState<boolean>(true);
 
@@ -76,16 +76,6 @@ export function ChatMenuList({
     }
   }, [isFirstLoading, isRefetching]);
 
-  useFocusEffect(
-    useCallback(() => {
-      isScreenFocusedRef.current = true;
-
-      return () => {
-        isScreenFocusedRef.current = false;
-      };
-    }, []),
-  );
-
   const renderItem = useCallback(
     ({ item }: { item: ChatListItem }) => (
       <ChatListRow
@@ -112,9 +102,7 @@ export function ChatMenuList({
           renderItem={renderItem}
           transformSectionTitle={transformSectionTitle}
           onEndReached={fetchNextPage}
-          refreshControl={
-            <AppRefreshControl onRefresh={refetch} refreshing={isScreenFocusedRef.current && isRefetching} />
-          }
+          refreshControl={<AppRefreshControl onRefresh={refetch} refreshing={isFocused && isRefetching} />}
           ListHeaderComponent={
             <View>
               {isFeatureEnabled(FeatureID.CHAT_FOLDERS) && (