fix: create a variable for reportOrDefault to pass report as it is to…

… child component

src/pages/iou/request/step/withWritableReportOrNotFound.tsx

@@ -56,19 +56,21 @@ export default function <TProps extends WithWritableReportOrNotFoundProps<MoneyR
     // eslint-disable-next-line rulesdir/no-negated-variables
     function WithWritableReportOrNotFound(props: Omit<TProps, keyof WithWritableReportOrNotFoundOnyxProps>, ref: ForwardedRef<TRef>) {
         const {route} = props;
-        const [report = {reportID: ''}] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${route.params.reportID ?? '-1'}`);
+        const [report] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${route.params.reportID ?? '-1'}`);
         const [isLoadingApp = true] = useOnyx(ONYXKEYS.IS_LOADING_APP);
         const [reportDraft] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_DRAFT}${route.params.reportID ?? '-1'}`);
 
+        const reportOrDefault = report ?? {reportID: ''};
+
         const iouTypeParamIsInvalid = !Object.values(CONST.IOU.TYPE)
             .filter((type) => shouldIncludeDeprecatedIOUType || (type !== CONST.IOU.TYPE.REQUEST && type !== CONST.IOU.TYPE.SEND))
             .includes(route.params?.iouType);
         const isEditing = 'action' in route.params && route.params?.action === CONST.IOU.ACTION.EDIT;
 
-        const canUserPerformWriteAction = ReportUtils.canUserPerformWriteAction(report);
+        const canUserPerformWriteAction = ReportUtils.canUserPerformWriteAction(reportOrDefault);
 
         useEffect(() => {
-            if (!!report?.reportID || !route.params.reportID || !!reportDraft || !isEditing) {
+            if (!!reportOrDefault?.reportID || !route.params.reportID || !!reportDraft || !isEditing) {
                 return;
             }
             ReportActions.openReport(route.params.reportID);