Request - IOU preview is showing as blank in Scan module and Distance Module

[lanitochka17]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: 1.4.9-0
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: Applause - Internal Team
Slack conversation:

Action Performed:

1. Access staging.new.expensify.com
2. Sign into a valid account
3. Click on + > Request > Scan > Add any receipt/photo > Submit the Request
4. Tap on the IOU

Expected Result:

User expects to be able to see the IOU preview

Actual Result:

IOU preview shows as blank

Workaround:

Unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

Bug6303688_1701898021571.Blank_IOU_in_Scan_flow.mp4

View all open jobs on GitHub

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[melvin-bot]

Triggered auto assignment to @blimpich (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[ZhenjaHorbach]

Looks like a regression this PR
#13036

[blimpich]

@ZhenjaHorbach Can we confirm that PR is the problem, and if so why it is causing this issue?

[ZhenjaHorbach]

https://github.com/Expensify/App/blob/deda6ae510f1e1ef1599c8c6ee45d91fe58660c5/src/components/Image/BaseImage.js#L6C4-L12

As far as I can tell, the problem is related to the fact that we cannot get the width and height of the image we need

[blimpich]

Ah yeah I see, I'm currently testing locally if reverting that PR fixes the issue.

[ZhenjaHorbach]

This will help)
I already checked)

[situchan]

https://github.com/Expensify/App/blob/deda6ae510f1e1ef1599c8c6ee45d91fe58660c5/src/components/Image/BaseImage.js#L6C4-L12

As far as I can tell, the problem is related to the fact that we cannot get the width and height of the image we need

I got this but after npm install, issue gone

[ZhenjaHorbach]

Oh )
Yeah )
This really helps)
The necessary changes were in the patch))