Missing avatars in the center of the group conversation

[kbecciv]

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

---

Action Performed:

1. Go to https://staging.new.expensify.com
2. Click on the green plus button
3. Click on Create Group
4. Search for at least 4 users and add them to the group.

Expected Result:

Avatars are displayed in the center of group conversation

Actual Result:

Missing avatars in the center of group conversation

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

**Version Number:1.1.19-0
**Reproducible in staging?:YES
**Reproducible in production?:NO
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:
Issue reported by:
Slack conversation:

View all open jobs on GitHub
Title:

[OSBotify]

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

[MelvinBot]

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

[roryabraham]

I was able to reproduce this at first, but then the avatars showed up when I resized the page. This leads me to believe it must be some minor component lifecycle problem.

[roryabraham]

Looks like the avatarImageURLs prop is undefined when this component first mounts:

[roryabraham]

Stealing this from ya @deetergp

[roryabraham]

Got a fix up and ready for review.