diff --git a/src/hooks/useTransactionViolations.ts b/src/hooks/useTransactionViolations.ts index 6d856261201b..2596046763e2 100644 --- a/src/hooks/useTransactionViolations.ts +++ b/src/hooks/useTransactionViolations.ts @@ -1,12 +1,17 @@ import {useMemo} from 'react'; -import {useOnyx} from 'react-native-onyx'; import {isViolationDismissed} from '@libs/TransactionUtils'; import ONYXKEYS from '@src/ONYXKEYS'; import type {TransactionViolations} from '@src/types/onyx'; +import useOnyx from './useOnyx'; function useTransactionViolations(transactionID?: string): TransactionViolations { - const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${transactionID}`); - const [transactionViolations = []] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION_VIOLATIONS}${transactionID}`); + const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${transactionID}`, { + canBeMissing: true, + }); + const [transactionViolations = []] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION_VIOLATIONS}${transactionID}`, { + canBeMissing: true, + }); + return useMemo(() => transactionViolations.filter((violation) => !isViolationDismissed(transaction, violation)), [transaction, transactionViolations]); }