[HOLD for payment 2025-01-02] [$250] App crashes when clicking add reaction

[m-natarajan]

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: 9.0.72-0
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught on HybridApp, is this reproducible on New Expensify Standalone?:
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: @neil-marcellini
Slack conversation (hyperlinked to channel name): expensify_retain

Action Performed:

1. Go to any chat
2. Send a message
3. Click the "Add reaction" button to add a non-default emoji reaction

Expected Result:

Emoji reaction menu appears

Actual Result:

App crashes and shows "Uh-oh, something went wrong!" screen

Workaround:

Unknown

Platforms:

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

• Android: Standalone
• Android: HybridApp
• Android: mWeb Chrome
• iOS: Standalone
• iOS: HybridApp
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

2024-12-05_07-08-47.mp4

hook.js:608 Error: Couldn't find a navigation object. Is your component inside NavigationContainer?
    at c (index.ts:32:24)
    at X (index.tsx:107:5)
overrideMethod	@	hook.js:608
uA	@	react-dom.production.min.js:188
a.componentDidCatch.n.callback	@	react-dom.production.min.js:189
Ha	@	react-dom.production.min.js:156
Es	@	react-dom.production.min.js:260
Is	@	react-dom.production.min.js:259
ms	@	react-dom.production.min.js:258
(anonymous)	@	react-dom.production.min.js:282
yl	@	react-dom.production.min.js:280
il	@	react-dom.production.min.js:269
v	@	scheduler.production.min.js:13
k	@	scheduler.production.min.js:14
e.exports	@	_invoke.js:5
f.<computed>	@	_task.js:35
I	@	_task.js:21
E	@	_task.js:25

At c is the useNavigation line:

const useHtmlPaste: UseHtmlPaste = (textInputRef, preHtmlPasteCallback, removeListenerOnScreenBlur = false, isMarkdownEnabled = true) => {
    const navigation = useNavigation();

At X is:

useHtmlPaste(input as MutableRefObject<TextInput | null>, undefined, false, isMarkdownEnabled);

Recording.825.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021864710692177622796
• Upwork Job ID: 1864710692177622796
• Last Price Increase: 2024-12-05

Issue Owner

Current Issue Owner: @MitchExpensify

[melvin-bot]

Triggered auto assignment to @stitesExpensify (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[melvin-bot]

Triggered auto assignment to @MitchExpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[melvin-bot]

💬 A slack conversation has been started in #expensify-open-source

[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.