Fix the transactions update

Author: VickyStash

src/libs/actions/TransactionEdit.ts

@@ -1,11 +1,10 @@
 import {format} from 'date-fns';
 import Onyx from 'react-native-onyx';
-import type {Connection, OnyxEntry} from 'react-native-onyx';
+import type {Connection, OnyxEntry, OnyxUpdate} from 'react-native-onyx';
 import {formatCurrentUserToAttendee} from '@libs/IOUUtils';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {PersonalDetails, Transaction} from '@src/types/onyx';
-import type CollectionDataSet from '@src/types/utils/CollectionDataSet';
 import {generateTransactionID, getDraftTransactions} from './Transaction';
 
 let connection: Connection;
@@ -113,8 +112,8 @@ function removeDraftTransactions(shouldExcludeInitialTransaction = false) {
     return Onyx.multiSet(draftTransactionsSet);
 }
 
-function updateDraftTransactions(transactions: CollectionDataSet<typeof ONYXKEYS.COLLECTION.TRANSACTION_DRAFT>) {
-    Onyx.mergeCollection(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, transactions);
+function updateDraftTransactions(transactionsUpdates: OnyxUpdate[]) {
+    Onyx.update(transactionsUpdates);
 }
 
 function removeTransactionReceipt(transactionID: string | undefined) {

src/pages/iou/request/step/IOURequestStepScan/ReceiptViewModal/index.tsx

@@ -1,5 +1,6 @@
 import React, {useCallback, useEffect, useState} from 'react';
 import {InteractionManager} from 'react-native';
+import Onyx from 'react-native-onyx';
 import AttachmentCarouselView from '@components/Attachments/AttachmentCarousel/AttachmentCarouselView';
 import useCarouselArrows from '@components/Attachments/AttachmentCarousel/useCarouselArrows';
 import useAttachmentErrors from '@components/Attachments/AttachmentView/useAttachmentErrors';
@@ -77,13 +78,21 @@ function ReceiptViewModal({route}: ReceiptViewModalProps) {
                 const secondTransaction = secondTransactionID ? getTransactionOrDraftTransaction(secondTransactionID) : undefined;
 
                 if (secondTransaction) {
-                    updateDraftTransactions({
-                        [`${ONYXKEYS.COLLECTION.TRANSACTION_DRAFT}${CONST.IOU.OPTIMISTIC_TRANSACTION_ID}`]: {
-                            ...secondTransaction,
-                            transactionID: CONST.IOU.OPTIMISTIC_TRANSACTION_ID,
+                    updateDraftTransactions([
+                        {
+                            onyxMethod: Onyx.METHOD.SET,
+                            key: `${ONYXKEYS.COLLECTION.TRANSACTION_DRAFT}${CONST.IOU.OPTIMISTIC_TRANSACTION_ID}`,
+                            value: {
+                                ...secondTransaction,
+                                transactionID: CONST.IOU.OPTIMISTIC_TRANSACTION_ID,
+                            },
                         },
-                        [`${ONYXKEYS.COLLECTION.TRANSACTION_DRAFT}${secondTransactionID}`]: null,
-                    });
+                        {
+                            onyxMethod: Onyx.METHOD.MERGE,
+                            key: `${ONYXKEYS.COLLECTION.TRANSACTION_DRAFT}${secondTransactionID}`,
+                            value: null,
+                        },
+                    ]);
                 }
                 return;
             }