I hope this message finds you well. I am writing to seek your assistance regarding a issue that I have encountered while using the Group Channel feature.
I have noticed that whenever I type a message in the Group Channel, some of the letters are being duplicated. This issue persists consistently and is not limited to any specific device or platform. It affects the readability and clarity of the messages, making communication challenging for both me and other group members.
I have attempted various troubleshooting steps, such as restarting the application and ensuring that my device’s software is up to date, but the problem persists. Therefore, I kindly request your help in resolving this bug and restoring the normal functionality of the Group Channel.
“@sendbird /chat”: “^4.9.3”,@sendbird /uikit-react-native”: “^3.0.1”,
Video:
Hello @paul12p
Welcome to the Sendbird community!
I just tried testing this using our latest UIKit React native sample application but was unable to reproduce the issue.
Sample Application: GitHub - sendbird/sendbird-uikit-react-native: Build chat in minutes with Sendbird UIKit open source code.
I would kindly request you to test the same using our latest sample application and share your observations.
Here the solution:
"react": "18.1.0",
"react-native": "0.70.1",
I just applied a patch to react native textInput, and now it works fine.
opened 06:36PM - 12 Sep 22 UTC
closed 12:02AM - 04 Apr 23 UTC
Stale
Component: TextInput
Needs: Triage
### Description
Recently we updated to RN 0.70, and have encountered an issue w… here having a nested <Text> inside a <TextInput> field causes double typing. Before this worked fine in RN 0.63.
We use this to stylize @mention inputs for a chat feature.
Notes:
Adding **value={''}** fixes the issue for iOS, but causes a crash on Android with **Cannot specify both value and children.**.
I managed to get it working on Android by commenting that line out in the RN code base, and patching it, but it causes another issue, where typing on Android "skips" a few letters when typing.
### Version
0.70.0
### Output of `npx react-native info`
System:
OS: macOS 12.5.1
CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
Memory: 1.82 GB / 16.00 GB
Shell: 5.7.1 - /usr/local/bin/zsh
Binaries:
Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node
Yarn: 1.22.19 - ~/git/caliber-mobile-app/node_modules/.bin/yarn
npm: 8.18.0 - ~/.nvm/versions/node/v16.17.0/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
Android SDK: Not Found
IDEs:
Android Studio: Chipmunk 2021.2.1 Patch 2 Chipmunk 2021.2.1 Patch 2
Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
Languages:
Java: 11.0.16 - /Users/abednarek/.sdkman/candidates/java/current/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.1.0 => 18.1.0
react-native: v0.70.0 => 0.70.0
react-native-macos: Not Found
npmGlobalPackages:
*react-native*: Not Found
### Steps to reproduce
* Use a Text Input with nested <Text> for styling
* Type in the text field, and notice that the characters are duplicated. 1 set is Styled as per the <Text> component, and the others are styled differently.
### Snack, code example, screenshot, or link to a repository
Code Snippet on reproducing this issue. Quite straight forward:
```
<TextInput
style={{
width: 240,
height: 44,
backgroundColor: '#ccc',
}}
onChangeText={(text) => {
setEnteredText(text);
}}
>
<Text
style={{
color: '#F0F'
}}>
{enteredText}
</Text>
</TextInput>
```
Here's what it looks like when I type "Hi":
<img width="364" alt="Screen Shot 2022-09-12 at 2 25 20 PM" src="https://user-images.githubusercontent.com/250814/189728682-31332b90-783f-49ec-9f73-c1c1267ce12b.png">
