add useMemo to filteredTransactions

Author: TMisiukiewicz

src/hooks/useReportWithTransactionsAndViolations.ts

@@ -1,3 +1,4 @@
+import {useMemo} from 'react';
 import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
 import {useAllReportsTransactionsAndViolations} from '@components/OnyxProvider';
 import CONST from '@src/CONST';
@@ -17,7 +18,10 @@ function useReportWithTransactionsAndViolations(reportID?: string): [OnyxEntry<R
     const allReportTransactionsAndViolations = useAllReportsTransactionsAndViolations();
     const {transactions, violations} = allReportTransactionsAndViolations?.[reportID ?? CONST.DEFAULT_NUMBER_ID] ?? {transactions: DEFAULT_TRANSACTIONS, violations: DEFAULT_VIOLATIONS};
     const {isOffline} = useNetwork();
-    const filteredTransactions = Object.values(transactions).filter((transaction) => isOffline || transaction?.pendingAction !== CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE);
+    const filteredTransactions = useMemo(
+        () => Object.values(transactions).filter((transaction) => isOffline || transaction?.pendingAction !== CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE),
+        [transactions, isOffline],
+    );
 
     return [report, filteredTransactions ?? DEFAULT_FILTERED_TRANSACTIONS, violations];
 }