Wrong video frame loaded when scrolling (need to wait a little for the correct video to load)

[ShravanMeena]

Current behavior

I have a flashlist of View elements, which display information about the products (name). While scrolling the wrong videos of the items are shown. Only after waiting a little bit, the correct video replace the wrong ones, and everything looks as it's supposed to look.

I shared behaviour video here

https://github.com/Shopify/flash-list/assets/41790742/742254b2-9453-430b-9f8d-23d38b44117a

Expected behavior

Scrolling should not affect how video are displayed: each corresponding video should be displayed correctly.

To Reproduce

https://github.com/ShravanMeena/flashlist-POC

Platform:

• [ ] Android

Environment

"@shopify/flash-list": "^1.4.3",

Need Help 😭

[oguzydz]

same with photo

[swikars1]

This is because of the internal implementation of the flashlist. I fixed it by using thumbnailUrl as key prop in the parent of the render item. Does the job foe me but obviously you'll loose flashlist's performance.

[ShravanMeena]

This is because of the internal implementation of the flashlist. I fixed it by using thumbnailUrl as key prop in the parent of the render item. Does the job foe me but obviously you'll loose flashlist's performance.

I have already did same.but after adding key to parents loose recycling or performance

[timotismjntk]

Yeah it's expected behavior, because it's recycled the previous cell

[pacehutt]

that's literally creating bad user experience