[Due for payment 2025-07-25] [$250] Remove remaining withOnyx HOCs from the project | Batch 5

[fabioh8010]

Parent issue: #64225

Let's refactor the following files to use useOnyx instead of withOnyx. All the work must be done in one PR.

After refactor please test them extensively and provide test steps in your PR. In case of questions please ask in #expensify-open-source channel.

• src/pages/home/report/ReportActionCompose/SuggestionEmoji.tsx
• src/pages/home/report/ReportActionCompose/SilentCommentUpdater/index.android.tsx
• src/pages/home/report/ReportActionCompose/SilentCommentUpdater/index.tsx

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021944840329549889266
• Upwork Job ID: 1944840329549889266
• Last Price Increase: 2025-07-14
• Automatic offers:
• QichenZhu | Reviewer | 108043527
• mkzie2 | Contributor | 108043531

Issue Owner

Current Issue Owner: @QichenZhu

[mkzie2]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Remove withOnyx and replace with useOnyx

What is the root cause of that problem?

Improvement

What changes do you think we should make in order to solve the problem?

Remove withOnyx here and use the useOnyx with the same key

const [preferredSkinTone] = useOnyx(ONYXKEYS.PREFERRED_EMOJI_SKIN_TONE, {canBeMissing: true, selector: EmojiUtils.getPreferredSkinToneIndex});

App/src/pages/home/report/ReportActionCompose/SuggestionEmoji.tsx

Lines 241 to 245 in 0523929

	export default withOnyx<SuggestionEmojiProps & RefAttributes<SuggestionsRef>, SuggestionEmojiOnyxProps>({
	preferredSkinTone: {
	key: ONYXKEYS.PREFERRED_EMOJI_SKIN_TONE,
	selector: EmojiUtils.getPreferredSkinToneIndex,
	},

SilentCommentUpdater component is already migrated to useOnyx

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

NA

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021944840329549889266

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @QichenZhu (External)

[melvin-bot]

📣 @QichenZhu 🎉 An offer has been automatically sent to your Upwork account for the Reviewer role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job

[melvin-bot]

📣 @mkzie2 🎉 An offer has been automatically sent to your Upwork account for the Contributor role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job
Please accept the offer and leave a comment on the Github issue letting us know when we can expect a PR to be ready for review 🧑‍💻
Keep in mind: Code of Conduct | Contributing 📖