Crash on audio_room calls

[ertucaglar]

Which package/packages do you use?

• @stream-io/video-react-sdk
• @stream-io/video-react-native-sdk
• @stream-io/video-client

Describe the bug
I have no problems with 1-to-1 calls on the simulator or the real device. However, when I initiate a group call, if a second user joins from the real device, the application crashes. When I look at the Xcode logs, it endlessly displays the following logs:

RNInCallManager.start() start InCallManager. media=audio, type=audio, mode=AVAudioSessionModeVoiceChat
RNInCallManager.storeOriginalAudioSetup(): origAudioCategory=AVAudioSessionCategoryPlayback, origAudioMode=AVAudioSessionModeMoviePlayback
RNInCallManager.startAudioSessionNotification() starting...
RNInCallManager.startAudioSessionInterruptionNotification()
RNInCallManager.startAudioSessionRouteChangeNotification()
RNInCallManager.startAudioSessionMediaServicesWereLostNotification()
RNInCallManager.startAudioSessionMediaServicesWereResetNotification()
RNInCallManager.startAudioSessionSilenceSecondaryAudioHintNotification()
RNInCallManager.start:auto:ringbackUriType:: audioSession.setCategory: AVAudioSessionCategoryPlayAndRecord, withOptions: 0 success
RNInCallManager.start:auto:ringbackUriType:: audioSession.setMode(AVAudioSessionModeVoiceChat) success
RNInCallManager.start:auto:ringbackUriType:: audioSession.setActive(YES), withOptions: 0 success
RNInCallManager.startProximitySensor()
RNInCallManager.setKeepScreenOn(): enable: YES
PiP - RTCViewPip has been added to a superview.
PiP - isPictureInPicturePossible:true

To Reproduce
Steps to reproduce the behavior:

1. Create audio_room call on simulator
2. Join call on real device
3. real device app first hang out and crashed

Version

• SDK version: "@stream-io/video-react-native-sdk": "1.20.11"

Env:

Fill out what's applicable

React / JS client

• Browser [e.g. chrome, safari]

React Native / Expo

• OS: [iOS]
• Device or emulator [real iPhone 15 Pro]

Node JS client

• Node version: 23

Additional context
After joining the call, I can't change the audio route in any way. The same problem occurs even after removing all the components whose UI I've customized.

[oliverlaz]

hi @ertucaglar, thanks for reporting this. We'll take a look and get back to you.

[santhoshvai]

dont you see any other log relevant to crash? From the logs you have sent, we dont see any crash log..

[ertucaglar]

It doesn't actually crash directly; it just throws back the logs I send endlessly, then the app freezes completely, and my phone becomes unable to perform any other functions. In other words, it can't crash; I can only kill the app myself. @santhoshvai

[ertucaglar]

By the way, I'm using a static framework on iOS, and I've included other libraries I think might be relevant below. There might also be an incompatibility issue.

System:
  OS: macOS 15.6.1
  CPU: (14) arm64 Apple M3 Max
  Memory: 332.45 MB / 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.2512.13930704
  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.1
    wanted: 20.0.1
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.1
    wanted: 0.81.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

"dependencies": {
    "@amplitude/analytics-react-native": "1.5.8",
    "@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.0",
    "@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.1",
    "@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.0",
    "@react-native-firebase/messaging": "23.3.0",
    "@react-native-google-signin/google-signin": "15.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.11",
    "@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.13.1",
    "jwt-decode": "4.0.0",
    "lodash": "4.17.21",
    "lottie-react-native": "7.3.4",
    "openai": "5.19.1",
    "react": "19.1.0",
    "react-i18next": "15.7.3",
    "react-native": "0.81.1",
    "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.4.3",
    "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-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.3",
    "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.12.1",
    "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.3",
    "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.0",
    "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": "11.1.0",
    "yup": "1.7.0"
  }

[santhoshvai]

what do you mean when you say using a static framework on iOS. I am afraid we dont understand whats happening with the information provided.

How are you using the incallmanager? can you send the snippet of how you use it please.

[ertucaglar]

I'm talking about the setting in the PodFile. I'm using use_frameworks! :linkage -> static because my project also uses Firebase. I mentioned this because I've encountered this issue in different libraries, so this may not be the cause.

I'm not doing anything different from your InCallManager documentation. My group-call flow is as follows:

Phone 1: Start group call

const callId = `group-${request.objectId}`;
const newCall = voiceClient?.call('group', callId);
await newCall?.join({
create: true,
video: false,
data: {
members: [{user_id: meUser?.chatId as string}],
custom: {
channelName: group?.name,
channelImage: group?.groupPicture,
},
},
});

Phone 2: (real device)

const newCall = voiceClient?.call('group', callId);
if (newCall) {
setCurrentCall(newCall);
await newCall?.join();
}

Besides this code, I don't have any custom handlers or other management features.

[ertucaglar]

I recorded a video to give you an idea. My app freeze as soon as I try to join a call. It endlessly throw the logs I previously provided. One thing I noticed is that when I look at the iOS system bar, I can see the speaker constantly moving, and the video shows the volume increasing and decreasing very slightly.

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

[ertucaglar]

I think I've found the cause of the problem. I use both Stream Video and Stream Chat in my app, and I initiate calls from within ChannelScreen.

The Stream Chat integration is already inside a GestureHandlerRootView, and for some reason, this structure doesn't work properly. If I don't wrap the StreamCall with the GestureHandlerRootView, this problem occurs.

In other words, the StreamCall expects the GestureHandlerRootView to be the parent. For some reason, it can't detect the GestureHandlerRootView I already use in my app.

You can examine the structure below.

my App.tsx

<SafeAreaProvider initialMetrics={initialWindowMetrics}>
      <GestureHandlerRootView>
        <ThemeProvider>
          <LoadingProvider>
            <RealmProvider>
              <AuthProvider>
                <SearchProvider>
                  <TypesenseProvider>
                    <KeyboardProvider>
                      <MenuProvider>
                        <AppNavigator />
                      </MenuProvider>
                    </KeyboardProvider>
                  </TypesenseProvider>
                </SearchProvider>
              </AuthProvider>
            </RealmProvider>
          </LoadingProvider>
        </ThemeProvider>
      </GestureHandlerRootView>
    </SafeAreaProvider>

AppNavigator.tsx

<NavigationContainer
      linking={{prefixes: [`${Config.APP_HOST}://`]}}
      theme={themeContext.theme}>
      <StatusBar
        animated
        showHideTransition="fade"
        translucent
        backgroundColor="transparent"
      />
      <BottomSheetModalProvider>
        {!isLoggedIn && <RootStackNavigator />}
        {isLoggedIn && (
          <OverlayProvider value={{style: chatTheme(theme, bottom)}}>
            {!initializing && chatClient && voiceClient && (
              <Chat
                ImageComponent={ShowImage as ComponentType<ImageProps>}
                enableOfflineSupport
                client={chatClient}>
                <StreamVideo client={voiceClient} style={videoTheme}>
                  <VoiceCallProvider>
                    <RootStackNavigator />
                    <VoiceCallContainer />
                  </VoiceCallProvider>
                </StreamVideo>
              </Chat>
            )}
          </OverlayProvider>
        )}
      </BottomSheetModalProvider>
    </NavigationContainer>

VoiceCallContainer.tsx

export const VoiceCallContainer: FC = () => {
  // contexts
  const {currentCall} = useVoiceCallContext();

  return (
    currentCall && (
      <StreamCall call={currentCall}>
        <VoiceCallContent />
      </StreamCall>
    )
  );
};

If I call GestureHandlerRootView directly in the VoiceCallContainer, it works fine. However, this affects the overall appearance of my application.

fyi @santhoshvai

[ertucaglar]

The problem was solved when I moved the following blog to RootStackNavigator. I still don't know why. I'm closing the task.

<Chat
                ImageComponent={ShowImage as ComponentType<ImageProps>}
                enableOfflineSupport
                client={chatClient}>
                <StreamVideo client={voiceClient} style={videoTheme}>
                  <VoiceCallProvider>
                    <RootStackNavigator />
                    <VoiceCallContainer />
                  </VoiceCallProvider>
                </StreamVideo>
              </Chat>

fyi @santhoshvai

[ertucaglar]

Wrong information, my problem still persists :(

[santhoshvai]

Seeing the InCallManager logs in the chat issue, I think you are constantly rerendering the or leading to this

Can you share your <VoiceCallContent> as well

You can check for how many renders a particular component is doing by checking using a ref, for example here is VoiceCallContainer

export const VoiceCallContainer: FC = () => {
  // contexts
  const {currentCall} = useVoiceCallContext();

  const renderCount = useRef(0);
  renderCount.current = renderCount.current + 1;

console.log("rendercount: " + renderCount.current);

  return (
    currentCall && (
      <StreamCall call={currentCall}>
        <VoiceCallContent />
      </StreamCall>
    )
  );
};