[🐛] MessageList Issue -> App stuck when join Stream Video Call

[ertucaglar]

Issue

I use both Stream Chat and Stream Video in my app. When I start a new group call, I send a message to the channel, and when another user clicks on the message, I attempt to join the call using the call.join() function.

However, my app freezes briefly. When I look at the logs in Xcode, it throws up an infinite number of logs, including the following:

RNInCallManager.AudioRouteChange.Reason: CategoryChange. category=AVAudioSessionCategoryPlayAndRecord mode=AVAudioSessionModeDefault
RNInCallManager.updateAudioRoute(): [Enter] forceSpeakerOn flag=0 media=audio category=AVAudioSessionCategoryPlayAndRecord mode=AVAudioSessionModeDefault
RNInCallManager.updateAudioRoute(): did NOT overrideOutputAudioPort()
RNInCallManager.updateAudioRoute() did NOT change audio category
RNInCallManager.updateAudioRoute() did NOT change audio mode
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: End
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: Unknow value
[RNCallKeep][getAudioRoutes]
[RNCallKeep][getAudioRoutes]
[RNCallKeep][getAudioRoutes]
[RNCallKeep][getAudioRoutes]
[RNCallKeep][getAudioRoutes]
RNInCallManager.AudioRouteChange.Reason: CategoryChange. category=AVAudioSessionCategoryPlayAndRecord mode=AVAudioSessionModeDefault
RNInCallManager.updateAudioRoute(): [Enter] forceSpeakerOn flag=0 media=audio category=AVAudioSessionCategoryPlayAndRecord mode=AVAudioSessionModeDefault
RNInCallManager.updateAudioRoute(): audioSession.overrideOutputAudioPort(.None) success
RNInCallManager.updateAudioRoute() did NOT change audio category
RNInCallManager.updateAudioRoute() did NOT change audio mode
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: End
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: Unknow value
RNInCallManager.AudioRouteChange.Reason: CategoryChange. category=AVAudioSessionCategoryPlayback mode=AVAudioSessionModeMoviePlayback
RNInCallManager.updateAudioRoute(): [Enter] forceSpeakerOn flag=0 media=audio category=AVAudioSessionCategoryPlayback mode=AVAudioSessionModeMoviePlayback
RNInCallManager.updateAudioRoute(): audioSession.overrideOutputAudioPort(.None) success
RNInCallManager.updateAudioRoute: audioSession.setCategory: AVAudioSessionCategoryPlayAndRecord, withOptions: 0 success
RNInCallManager.updateAudioRoute() audio category has changed to AVAudioSessionCategoryPlayAndRecord
RNInCallManager.updateAudioRoute() did NOT change audio mode
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: End
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: Unknow Value
RNInCallManager.AudioRouteChange.Reason: CategoryChange. category=AVAudioSessionCategoryPlayback mode=AVAudioSessionModeMoviePlayback
RNInCallManager.updateAudioRoute(): [Enter] forceSpeakerOn flag=0 media=audio category=AVAudioSessionCategoryPlayback mode=AVAudioSessionModeMoviePlayback
RNInCallManager.updateAudioRoute(): audioSession.overrideOutputAudioPort(.None) success
RNInCallManager.updateAudioRoute: audioSession.setCategory: AVAudioSessionCategoryPlayAndRecord, withOptions: 0 success
RNInCallManager.updateAudioRoute() audio category has changed to AVAudioSessionCategoryPlayAndRecord
RNInCallManager.updateAudioRoute() did NOT change audio mode
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: End
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: Unknow Value
RNInCallManager.AudioRouteChange.Reason: CategoryChange. category=AVAudioSessionCategoryPlayback mode=AVAudioSessionModeMoviePlayback
RNInCallManager.updateAudioRoute(): [Enter] forceSpeakerOn flag=0 media=audio category=AVAudioSessionCategoryPlayback mode=AVAudioSessionModeMoviePlayback
RNInCallManager.updateAudioRoute(): audioSession.overrideOutputAudioPort(.None) success
RNInCallManager.updateAudioRoute: audioSession.setCategory: AVAudioSessionCategoryPlayAndRecord, withOptions: 0 success
RNInCallManager.updateAudioRoute() audio category has changed to AVAudioSessionCategoryPlayAndRecord
RNInCallManager.updateAudioRoute() did NOT change audio mode
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: End
RNInCallManager.AudioRouteChange.SilenceSecondaryAudioHint: Unknow Value
App is being debugged, do not track this hang
Hang detected: 1.80s (debugger attached, not reporting)
[RNCallKeep][getAudioRoutes]
[RNCallKeep][getAudioRoutes]

When I open the system bar on my phone, I see that the volume is constantly increasing and decreasing.

I've tried many things to find a solution and have been trying to figure it out for about three days.

If I add <View style={{height: 200}} /> just below the component in the it works fine.

Steps to reproduce

Steps to reproduce the behavior:

1. Setup Stream Chat
2. Setup Stream Video
3. Create audio_room call and send join call message to channel
4. Press message and call call.join() function
5. App stuck

Expected behavior

Project Related Information

Customization

Click To Expand

# N/A

Offline support

• I have enabled offline support.
• The feature I'm having does not occur when offline support is disabled. (stripe out if not applicable)

Environment

Click To Expand

package.json:

{
  "dependencies": {
    "@amplitude/analytics-react-native": "1.5.9",
    "@chainplatform/react-native-htmlview": "0.17.5",
    "@emoji-mart/data": "1.2.1",
    "@gorhom/bottom-sheet": "5.2.6",
    "@intercom/intercom-react-native": "9.0.3",
    "@invertase/react-native-apple-authentication": "2.4.1",
    "@leeroy/react-native-parallax-scroll-view": "0.21.4",
    "@notifee/react-native": "9.1.8",
    "@op-engineering/op-sqlite": "15.0.3",
    "@react-native-async-storage/async-storage": "2.2.0",
    "@react-native-camera-roll/camera-roll": "7.10.2",
    "@react-native-clipboard/clipboard": "1.16.3",
    "@react-native-community/blur": "4.4.1",
    "@react-native-community/geolocation": "3.4.0",
    "@react-native-community/netinfo": "11.4.1",
    "@react-native-community/push-notification-ios": "1.11.0",
    "@react-native-documents/picker": "10.1.5",
    "@react-native-firebase/app": "23.3.1",
    "@react-native-firebase/messaging": "23.3.1",
    "@react-native-google-signin/google-signin": "16.0.0",
    "@react-native-masked-view/masked-view": "0.3.2",
    "@react-navigation/bottom-tabs": "7.4.7",
    "@react-navigation/material-top-tabs": "7.3.7",
    "@react-navigation/native": "7.1.17",
    "@react-navigation/native-stack": "7.3.26",
    "@react-navigation/stack": "7.4.8",
    "@realm/react": "0.11.0",
    "@sentry/react-native": "7.0.1",
    "@shopify/flash-list": "2.0.3",
    "@stream-io/react-native-webrtc": "125.4.3",
    "@stream-io/video-react-native-sdk": "1.20.12",
    "@types/diff": "8.0.0",
    "axios": "1.11.0",
    "crypto-js": "4.2.0",
    "dayjs": "1.11.18",
    "diff": "8.0.2",
    "emoji-mart": "5.6.0",
    "formik": "2.4.6",
    "fuzzysort": "3.1.0",
    "i18next": "25.5.2",
    "intl-pluralrules": "2.0.1",
    "jotai": "2.14.0",
    "jwt-decode": "4.0.0",
    "lodash": "4.17.21",
    "lottie-react-native": "7.3.4",
    "openai": "5.20.1",
    "react": "19.1.0",
    "react-i18next": "15.7.3",
    "react-native": "0.81.4",
    "react-native-animated-pagination-dot": "0.4.0",
    "react-native-appsflyer": "6.17.5",
    "react-native-asset": "2.1.1",
    "react-native-audio-recorder-player": "4.5.0",
    "react-native-awesome-gallery": "0.4.3",
    "react-native-blob-util": "0.22.2",
    "react-native-bouncy-checkbox": "4.1.2",
    "react-native-calendars": "1.1313.0",
    "react-native-callkeep": "4.3.16",
    "react-native-clusterer": "3.0.0",
    "react-native-compressor": "1.12.0",
    "react-native-config": "1.5.9",
    "react-native-controlled-mentions": "3.1.0",
    "react-native-date-picker": "patch:react-native-date-picker@npm%3A5.0.13#~/patches/react-native-date-picker-npm-5.0.13-e35e950566.patch",
    "react-native-device-info": "14.0.4",
    "react-native-draglist": "3.9.9",
    "react-native-fast-shadow": "0.1.1",
    "react-native-fs": "2.20.0",
    "react-native-gesture-handler": "2.28.0",
    "react-native-get-random-values": "1.11.0",
    "react-native-google-places-autocomplete": "2.5.7",
    "react-native-haptic-feedback": "2.3.3",
    "react-native-hoopt-core": "link:../react-native-hoopt-core",
    "react-native-image-picker": "8.2.1",
    "react-native-inappbrowser-reborn": "3.7.0",
    "react-native-incall-manager": "4.2.1",
    "react-native-keyboard-controller": "1.18.6",
    "react-native-keyboard-manager": "6.5.16-0",
    "react-native-keychain": "10.0.0",
    "react-native-linear-gradient": "2.8.3",
    "react-native-loading-dots": "1.4.1",
    "react-native-localize": "3.5.2",
    "react-native-maps": "1.26.1",
    "react-native-nitro-modules": "0.29.4",
    "react-native-pager-view": "6.9.1",
    "react-native-parsed-text": "0.0.22",
    "react-native-permissions": "5.4.2",
    "react-native-popup-menu": "0.18.0",
    "react-native-progress": "5.0.1",
    "react-native-quick-base64": "2.2.2",
    "react-native-reanimated": "4.1.0",
    "react-native-reanimated-carousel": "4.0.3",
    "react-native-reanimated-skeleton": "1.6.0",
    "react-native-render-html": "6.3.4",
    "react-native-safe-area-context": "5.6.1",
    "react-native-screens": "4.16.0",
    "react-native-share": "12.2.0",
    "react-native-skeleton-placeholder": "5.2.4",
    "react-native-sound-player": "0.14.5",
    "react-native-spotlight-search": "2.2.0",
    "react-native-svg": "15.13.0",
    "react-native-tab-view": "4.1.3",
    "react-native-toast-message": "2.3.3",
    "react-native-turbo-image": "1.23.0",
    "react-native-ux-cam": "6.0.7",
    "react-native-vector-icons": "10.3.0",
    "react-native-video": "6.16.1",
    "react-native-video-player": "0.16.3",
    "react-native-video-trim": "5.0.5",
    "react-native-vision-camera": "4.7.2",
    "react-native-voip-push-notification": "3.3.3",
    "react-native-webview": "13.16.0",
    "react-native-worklets": "0.5.1",
    "react-native-youtube-iframe": "2.4.1",
    "realm": "20.2.0",
    "stream-chat-react-native": "8.5.0",
    "supercluster": "8.0.1",
    "transliteration": "2.3.5",
    "typesense": "2.1.0",
    "unsplash-js": "7.0.19",
    "uuid": "13.0.0",
    "yup": "1.7.0"
  },
  "devDependencies": {
    "@babel/core": "7.28.4",
    "@babel/plugin-proposal-decorators": "7.28.0",
    "@babel/plugin-transform-react-jsx": "7.27.1",
    "@babel/preset-env": "7.28.3",
    "@babel/preset-react": "7.27.1",
    "@babel/preset-typescript": "7.27.1",
    "@babel/runtime": "7.28.4",
    "@eslint/js": "9.35.0",
    "@jest/globals": "30.1.2",
    "@react-native-community/cli": "20.0.2",
    "@react-native-community/cli-platform-android": "20.0.2",
    "@react-native-community/cli-platform-ios": "20.0.2",
    "@react-native/babel-preset": "0.81.4",
    "@react-native/eslint-config": "0.81.4",
    "@react-native/metro-config": "0.81.4",
    "@react-native/typescript-config": "0.81.4",
    "@types/crypto-js": "4.2.2",
    "@types/jest": "30.0.0",
    "@types/lodash": "4.17.20",
    "@types/react": "19.1.12",
    "@types/react-native-get-random-values": "1.8.2",
    "@types/react-native-vector-icons": "6.4.18",
    "@types/react-test-renderer": "19.1.0",
    "@types/supercluster": "7.1.3",
    "babel-plugin-module-resolver": "5.0.2",
    "eslint": "9.35.0",
    "eslint-plugin-react": "7.37.5",
    "globals": "16.4.0",
    "jest": "30.1.3",
    "jest-transform-stub": "2.0.0",
    "metro-react-native-babel-preset": "0.77.0",
    "patch-package": "8.0.0",
    "prettier": "3.6.2",
    "react-native-svg-transformer": "1.5.1",
    "react-shallow-renderer": "16.15.0",
    "react-test-renderer": "19.1.1",
    "ts-jest": "29.4.1",
    "typescript": "5.9.2",
    "typescript-eslint": "8.43.0"
  },
  "engines": {
    "node": ">=20"
  },
  "packageManager": "yarn@4.9.1"
}

react-native info output:

System:
  OS: macOS 15.6.1
  CPU: (14) arm64 Apple M3 Max
  Memory: 1.27 GB / 36.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 23.11.0
    path: /opt/homebrew/bin/node
  Yarn:
    version: 4.9.1
    path: /usr/local/bin/yarn
  npm:
    version: 10.9.2
    path: /opt/homebrew/bin/npm
  Watchman:
    version: 2025.05.26.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/lib/ruby/gems/3.4.0/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.5
      - iOS 18.5
      - macOS 15.5
      - tvOS 18.5
      - visionOS 2.5
      - watchOS 11.5
  Android SDK:
    API Levels:
      - "35"
    Build Tools:
      - 35.0.0
    Android NDK: Not Found
IDEs:
  Android Studio: 2025.1 AI-251.26094.121.2513.14007798
  Xcode:
    version: 16.4/16F6
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.11
    path: /Users/ertucaglar/.sdkman/candidates/java/current/bin/javac
  Ruby:
    version: 3.4.3
    path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.2
    wanted: 20.0.2
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.4
    wanted: 0.81.4
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

• Platform that you're experiencing the issue on:
  • iOS
  • Android
  • iOS but have not tested behavior on Android
  • Android but have not tested behavior on iOS
  • Both
• stream-chat-react-native version you're using that has this issue:
  • 8.5.0
• Device/Emulator info:
  • I am using a physical device
  • OS version: iOS 18.6.2
  • Device/Emulator: iPhone 15 Pro

Additional context

Screenshots

Click To Expand

ScreenRecording_09-09-2025.16-17-56_1.mov

---

[ertucaglar]

I also created the same issue in the stream-video-js repository, but I haven't received much support, but maybe there's some useful information.

GetStream/stream-video-js#1910

[khushal87]

Hey @ertucaglar, this seems to be a Video JS issue to me. I hope you already received a reply there from what I see else I have also informed the engineers working on the project. I will close it from here. Thanks 😄