fix: TS errors

Author: chrispader

src/pages/inbox/ReportScreen.tsx

@@ -28,7 +28,7 @@ import useDeferNonEssentials from './hooks/useDeferNonEssentials';
 import useFlushDeferredWriteOnFocus from './hooks/useFlushDeferredWriteOnFocus';
 import LinkedActionNotFoundGuard from './LinkedActionNotFoundGuard';
 import ReactionListWrapper from './ReactionListWrapper';
-import ReportActionComposePlaceholder from './report/ReportActionCompose/ReportActionComposePlaceholder';
+import ReportActionCompose from './report/ReportActionCompose/ReportActionCompose';
 import {ReportActionEditMessageContextProvider, ReportScreenEditMessageProviderWithTransactionThread} from './report/ReportActionEditMessageContext';
 import ReportFooter from './report/ReportFooter';
 import useClearReportActionDraftsOnReportChange from './report/useClearReportActionDraftsOnReportChange';
@@ -148,7 +148,7 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
                                                             testID="report-actions-view-wrapper"
                                                         >
                                                             <ReportActionsList />
-                                                            {shouldDeferNonEssentials ? <ReportActionComposePlaceholder /> : <ReportFooter />}
+                                                            {shouldDeferNonEssentials ? <ReportActionCompose.Placeholder /> : <ReportFooter />}
                                                         </View>
                                                     </ConciergeDraftProvider>
                                                 </AgentZeroStatusProvider>

src/pages/inbox/report/ReportActionCompose/ReportActionCompose.tsx

@@ -13,6 +13,7 @@ import ComposerImportedState from './ComposerImportedState';
 import ComposerInput from './ComposerInput';
 import ComposerInputArea from './ComposerInputArea';
 import ComposerLocalTime from './ComposerLocalTime';
+import ComposerPlaceholder from './ComposerPlaceholder';
 import ComposerProvider from './ComposerProvider';
 import ComposerSendButton from './ComposerSendButton';
 import ComposerTypingIndicator from './ComposerTypingIndicator';
@@ -53,6 +54,7 @@ ReportActionCompose.Footer = ComposerFooter;
 ReportActionCompose.TypingIndicator = ComposerTypingIndicator;
 ReportActionCompose.ExceededLength = ComposerExceededLength;
 ReportActionCompose.Layout = ComposerInputArea;
+ReportActionCompose.Placeholder = ComposerPlaceholder;
 ReportActionCompose.InputArea = ComposerInputArea;
 ReportActionCompose.DefaultFooter = ComposerDefaultFooter;
 ReportActionCompose.EditOnly = EditOnlyReportActionCompose;

tests/unit/ComposerLocalTimeTest.tsx

@@ -5,6 +5,7 @@ import ComposeProviders from '@components/ComposeProviders';
 import {LocaleContextProvider} from '@components/LocaleContextProvider';
 import OnyxListItemProvider from '@components/OnyxListItemProvider';
 import ComposerLocalTime from '@pages/inbox/report/ReportActionCompose/ComposerLocalTime';
+import ComposerProvider from '@pages/inbox/report/ReportActionCompose/ComposerProvider';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {PersonalDetailsList, Report} from '@src/types/onyx';
@@ -37,8 +38,12 @@ function buildReport(participantAccountIDs: number[]): Report {
     } as Report;
 }
 
-function renderWithProviders(component: React.ReactElement) {
-    return render(<ComposeProviders components={[OnyxListItemProvider, LocaleContextProvider]}>{component}</ComposeProviders>);
+function renderWithProviders(component: React.ReactElement, reportID: string) {
+    return render(
+        <ComposeProviders components={[OnyxListItemProvider, LocaleContextProvider]}>
+            <ComposerProvider reportID={reportID}>{component}</ComposerProvider>
+        </ComposeProviders>,
+    );
 }
 
 describe('ComposerLocalTime', () => {
@@ -67,7 +72,7 @@ describe('ComposerLocalTime', () => {
         await Onyx.merge(ONYXKEYS.PERSONAL_DETAILS_LIST, personalDetails);
         await waitForBatchedUpdates();
 
-        renderWithProviders(<ComposerLocalTime reportID={REPORT_ID} />);
+        renderWithProviders(<ComposerLocalTime />, REPORT_ID);
 
         await waitForBatchedUpdates();
 
@@ -92,7 +97,7 @@ describe('ComposerLocalTime', () => {
         await Onyx.merge(ONYXKEYS.PERSONAL_DETAILS_LIST, personalDetails);
         await waitForBatchedUpdates();
 
-        const {toJSON} = renderWithProviders(<ComposerLocalTime reportID={REPORT_ID} />);
+        const {toJSON} = renderWithProviders(<ComposerLocalTime />, REPORT_ID);
 
         await waitForBatchedUpdates();