Typing in chat freezes the app on Android

[gregssdev]

Describe the bug
On Android when you type some message, a long message it will freeze the app at a random interval of time

Dev environment info (please complete/provide the following information):

• Package version (stream-chat-react-native): 5.0.0
• react-native: 0.66.3
• Device/Emulator: Android (Any)

To Reproduce
Steps to reproduce the behavior:

1. Go to Message Input
2. Type something random around 100-200 words
3. If the app didn't freeze, clear a few words and start typing again for a while
4. App will freeze

Expected behavior
App should run smoothly

[billnbell]

Is there a limit in SQLite or in Android ?

[vishalnarkhede]

limit for?

[vishalnarkhede]

@billnbell what props are you passing the Channel component? Could you show me some code?

[billnbell]

I am not having any issues @gregssdev is

[vishalnarkhede]

@billnbell what props are you passing the Channel component? Could you show me some code?

@gregssdev for you

[gregssdev]

I used these props

        AutoCompleteSuggestionItem
        AutoCompleteSuggestionHeader
        channel
        disableKeyboardCompatibleView
        DateHeader
        deletedMessagesVisibiltyType
        doMarkReadRequest
        forceAlignMessages
        giphyEnabled
        hasFilePicker
        InlineUnreadIndicator
        InputButtons
        mentionAllAppUsersEnabled
        mentionAllAppUsersQuery
        MessageFooter
        MessageSimple
        MessageStatus
        MessageSystem
        ReactionList
        Reply
        SendButton
        ScrollToBottomButton
        SendMessageDisallowedIndicator
        supportedReactions
        TypingIndicator

[vishalnarkhede]

It's hard to point out without looking at the implementation of these props. But I can give few tips:

• Avoid using ChannelContext on message level custom components e.g, MessageSimple, MessageStatus etc
• Avoid passing inline functions as custom component or inline objects/arrays as props
• You might need to do some profiling using Flipper to check if there is any particular component causing overhead for the app

[1987cr]

Maybe related to this facebook/react-native#35350?

[vishalnarkhede]

hmm interesting....

[hannojg]

Does it happen for you guys on any android version? For us this issue only happens on android 13 (aka. API 33)

[atsss]

Any updates on it? We're also struggling with freezing chat only on Android.

[santhoshvai]

@atsss @gregssdev I guess both of you are running android 13 (aka. API 33) ?