useAnimatedReaction works globally and tries to focus on <TextInput /> of the GiftedChat when we open keyboard for each other <TextInput />

[danilvalov]

Issue Description

Very interesting bug with useAnimatedReaction hook.

This hook works globally for keyboard on all screens, so if GiftedChat was rendered and we keep it in memory then any keyboard opening calls handleTextInputFocusWhenKeyboardShow callback that tries to focus on GiftedChat TextInput. And it breaks all TextInputs in apps.

Steps to Reproduce / Code Snippets

0. (optional) Use @react-navigation in your app (with setting to keep rendered screens in app memory)
1. Add <GiftedChat /> to the second screen of your app
2. Add some another <TextInput /> to the first screen of your app
3. Open your app and focus on your <TextInput /> on the first screen
4. Touch some place out of the this text input (it works correctly, keyboard is hide)
5. Open the second screen with GiftedChat (to render this component first time)
6. Open the first screen with <TextInput /> again
7. Touch some place out of the this text input (it works incorrect alreadt, keyboard is show anyway)

Expected Results

Keyboard is hide on the last step when we tap out of the our <TextInput />

Additional Information

• Nodejs version: 18
• React version: 18.3.1
• React Native version: 0.75.4
• react-native-gifted-chat version: 2.6.4
• Platform(s) (iOS, Android, or both?): both
• TypeScript version: 5.0.4

[danilvalov]

Sorry, duplicate of the #2548