diff --git a/src/pages/AddUnreportedExpense.tsx b/src/pages/AddUnreportedExpense.tsx index 4bfb884d4bf0a..7a64e47a6b598 100644 --- a/src/pages/AddUnreportedExpense.tsx +++ b/src/pages/AddUnreportedExpense.tsx @@ -1,4 +1,5 @@ import React, {useEffect, useMemo, useRef, useState} from 'react'; +import {InteractionManager} from 'react-native'; import type {OnyxCollection} from 'react-native-onyx'; import EmptyStateComponent from '@components/EmptyStateComponent'; import FormHelpMessage from '@components/FormHelpMessage'; @@ -183,13 +184,13 @@ function AddUnreportedExpense({route}: AddUnreportedExpensePageType) { return; } Navigation.dismissModal(); - - if (report && isIOUReport(report)) { - convertBulkTrackedExpensesToIOU([...selectedIds], report.reportID); - } else { - changeTransactionsReport([...selectedIds], report?.reportID ?? CONST.REPORT.UNREPORTED_REPORT_ID, policy); - } - + InteractionManager.runAfterInteractions(() => { + if (report && isIOUReport(report)) { + convertBulkTrackedExpensesToIOU([...selectedIds], report.reportID); + } else { + changeTransactionsReport([...selectedIds], report?.reportID ?? CONST.REPORT.UNREPORTED_REPORT_ID, policy); + } + }); setErrorMessage(''); }} onEndReached={fetchMoreUnreportedTransactions}