[Bug]: Wrong AvatarIcon appears on list item

[hesterbruikman]

Describe the bug
On some occasions an unexpected token avatar is displayed. Possible cause: FlashList Cell recycling without proper component keys

Problem chain identified by cursor:

• FlashList recycles cells for performance (positions 0-3 cells reused for positions 10-13)
• TokenListItem receives new assetKey prop with different address/chainId ✅
• React re-renders TokenListItem with new data ✅
• asset object updates with new token data ✅
• Text components update because string children change ✅
• AvatarToken has no key prop - React thinks it's the same component instance ❌
• React Native Image component doesn't properly reload the image ❌
• Previous token's image persists in the recycled cell ❌

Expected behavior

• mUSD icon is the correct mUSD icon

Screenshots/Recordings

Steps to reproduce
Rapid scroll on asset list

Error messages or log output

Detection stage

In production (default)

Version

7.57

Build type

None

Device

Unknown

Operating system

Other (please elaborate in the "Additional Context" section)

[aorlovskiy]

The icon on the second screenshot is BASED token, so it's not just a random image that popped up here somehow

[hesterbruikman]

Updated title and ticket description to include only the wrong avatar displayed. The issue included earlier about token icons not appearing at all had to do with a CDN outage incident.

[adrigug]

@sleepytanya - is this something you could try to reproduce? no luck on my end. Thank you