[Bug]: InputText Multiline prop enabled causes infinite re-renders of state.

[maticDevelo]

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

iOS

What happened?

When typing in TextInput that has multiline={true} it start infinite loop or re-renders between current and last state. See in video. Same bug appears using BottomSheetTextInput.

ios.multiline.error.mov

Reproduction steps

• create bottom sheet modal
• create const [text, setText] = useState(")
• create InputText with value={text}, onChangeText={(value)=>setText(value)} and MULTILINE={true}
• open in Expo go iOS and type into TextInput

Reproduction sample

https://snack.expo.dev/@lukadevelo/bottom-sheet-ios-multiline

Relevant log output

No response

[gorhom]

Hi @maticDevelo, for this issue you have two ways to fix it:

1. using defaultValue prop instead of value
2. update your onChangeText to wrap it with requestAnimationFrame

              onChangeText={value =>
                requestAnimationFrame(() => {
                  setText(value);
                })
              }

[sospedra]

I was getting mad with this! @gorhom this snippet did all the job. Maybe this should be in the BottomSheetTextInput docs? 🤔