Data Duplication issue using react-hook-form

[amjadbouhouch]

Current behavior

I have a list of questions and answers (Q/A) where the state is managed by react-hook-form. When there are many questions and the user scrolls, the answers get duplicated in the UI. For example, the answer for the first question appears again in a later question, even though the underlying data is correct.

Here’s a reproduction of the issue: https://snack.expo.dev/@amjedbouhouch/react-hook-form-flash-list-issue?platform=android

ScreenShots

Expected behavior

To Reproduce

https://snack.expo.dev/@amjedbouhouch/react-hook-form-flash-list-issue?platform=android

Platform:

• iOS
• Android

Environment

1.6.4

[amjadbouhouch]

Adding a key in ItemComponent solves the problem, But this is not what I want because I think it has a performance Impact & forces React to unmount and remount.