Bug when opening page that contain the Jitsi react sdk.

[bahachammakhi]

What happened?

Deps:

"dependencies": { "@amplitude/react-native": "2.17.3", "@braintree/sanitize-url": "7.0.0", "@eggmed/graphql-client": "1.0.0", "@eggmed/video-call": "1.0.0", "@giphy/react-native-sdk": "2.3.0", "@gorhom/bottom-sheet": "^4.6.1", "@hookform/resolvers": "^2.9.10", "@jitsi/react-native-sdk": "^10.3.0", "@react-native-async-storage/async-storage": "1.23.1", "@react-native-clipboard/clipboard": "1.14.1", "@react-native-community/checkbox": "^0.5.15", "@react-native-community/netinfo": "11.1.0", "@react-native-community/push-notification-ios": "^1.11.0", "@react-native-community/slider": "4.4.3", "@react-native-firebase/app": "^20.3.0", "@react-native-firebase/messaging": "^20.3.0", "@react-native-google-signin/google-signin": "10.1.0", "@react-native-masked-view/masked-view": "^0.3.0", "@react-native/metro-config": "0.75.0", "@react-navigation/bottom-tabs": "^6.5.11", "@react-navigation/drawer": "^6.5.1", "@react-navigation/native": "^6.0.8", "@react-navigation/native-stack": "^6.6.2", "@react-navigation/stack": "^6.3.21", "@stomp/stompjs": "7.0.0", "@stripe/stripe-react-native": "^0.38.1", "@types/react-native-calendar-picker": "^7.0.2", "@v3ron/react-native-circular-slider": "^2.0.0", "@vvo/tzdb": "^6.139.0", "apollo-upload-client": "^17.0.0", "babel-plugin-module-resolver": "^4.1.0", "dayjs": "^1.11.2", "deprecated-react-native-prop-types": "^5.0.0", "graphql-ws": "^5.8.2", "i18next": "^23.11.5", "i18next-http-backend": "^2.5.2", "lottie-react-native": "5.1.4", "luxon": "^3.4.4", "metro-react-native-babel-preset": "^0.72.1", "patch-package": "^8.0.0", "react": "18.2.0", "react-hook-form": "^7.41.0", "react-i18next": "^14.1.2", "react-native": "0.75.0", "react-native-background-timer": "2.4.1", "react-native-biometrics": "^3.0.1", "react-native-calendar-events": "2.2.0", "react-native-calendar-picker": "^7.1.3", "react-native-calendars": "^1.1302.0", "react-native-communications": "^2.2.1", "react-native-config": "^1.5.3", "react-native-confirmation-code-field": "^7.3.1", "react-native-country-picker-modal": "^2.0.0", "react-native-date-picker": "^4.2.6", "react-native-default-preference": "1.4.4", "react-native-device-info": "10.9.0", "react-native-document-picker": "^8.1.3", "react-native-draggable-flatlist": "^4.0.1", "react-native-drax": "^0.10.3", "react-native-floating-action": "^1.22.0", "react-native-fs": "^2.18.0", "react-native-gesture-handler": "2.18.1", "react-native-get-random-values": "1.9.0", "react-native-haptic-feedback": "^2.2.0", "react-native-image-picker": "^4.10.3", "react-native-immersive-mode": "2.0.2", "react-native-incall-manager": "^4.2.0", "react-native-indicators": "^0.17.0", "react-native-keep-awake": "4.0.0", "react-native-keychain": "8.1.2", "react-native-linear-gradient": "^2.8.3", "react-native-orientation-locker": "1.6.0", "react-native-pager-view": "6.4.1", "react-native-paper": "5.10.3", "react-native-performance": "5.0.0", "react-native-push-notification": "^8.1.1", "react-native-radio-buttons-group": "^3.0.5", "react-native-reanimated": "^3.15.0", "react-native-render-html": "^6.1.0", "react-native-safe-area-context": "4.12.0", "react-native-screens": "3.35.0", "react-native-section-alphabet-list": "^3.0.0", "react-native-select-dropdown": "^3.1.0", "react-native-signature-canvas": "^4.7.2", "react-native-skeleton-placeholder": "^5.2.4", "react-native-slider": "^0.11.0", "react-native-sound": "0.11.2", "react-native-splash-screen": "3.3.0", "react-native-svg": "13.13.0", "react-native-svg-uri": "^1.2.3", "react-native-timeline-flatlist": "^0.8.0", "react-native-toast-notifications": "^3.4.0", "react-native-touch-id": "^4.4.1", "react-native-video": "6.0.0-alpha.11", "react-native-watch-connectivity": "1.1.0", "react-native-webrtc": "124.0.4", "react-native-webview": "13.8.7", "text-encoding": "0.7.0", "tslib": "^2.4.0", "twrnc": "^3.3.1", "yup": "^0.32.11" }, "devDependencies": { "@babel/core": "^7.12.9", "@babel/plugin-transform-class-properties": "7.25.7", "@babel/plugin-transform-private-methods": "7.25.7", "@babel/plugin-transform-private-property-in-object": "7.25.7", "@babel/runtime": "^7.12.5", "@babel/runtime-corejs3": "^7.25.7", "@react-native/babel-preset": "0.75.0", "@react-native/eslint-config": "0.76.5", "@types/jest": "^29.2.1", "@types/react-native": "^0.70.0", "@types/react-test-renderer": "^17.0.1", "@typescript-eslint/eslint-plugin": "^5.17.0", "@typescript-eslint/parser": "^5.17.0", "babel-jest": "^26.6.3", "eslint": "^7.32.0", "eslint-plugin-prettier": "^4.0.0", "jest": "^29.2.1", "react-test-renderer": "18.2.0", "typescript": "^4.4.4" }, "resolutions": { "@types/react": "18.2.0", "react": "18.2.0", "react-dom": "18.2.0", "react-native-webrtc": "124.0.4", "@jitsi/react-native-sdk": "10.3.0" },

Ive tried multiple solutions none worked:

• Updating deps using node node_modules/@jitsi/react-native-sdk/update_dependencies.js
• Trying launching on real device
• Deleting IOS deps , node modules multiple times
• Check all the versions again the Peer deps of jitsti sdk
• Upgraded RN from 0.70 to 0.75

Thanks in advance , hope i find solution for this

Platform

• Chrome (or Chromium based)
• Firefox
• Safari
• Other desktop browser
• Android browser
• iOS browser
• Electron app
• Android mobile app
• iOS mobile app
• Custom app using a mobile SDK

Browser / app / sdk version

"@jitsi/react-native-sdk": "10.3.0"

Relevant log output

No response

Reproducibility

• The problem is reproducible on meet.jit.si

More details?

No response

[saghul]

Ping @Calinteodor

[Calinteodor]

Hello. I am unable to reproduce what you're reporting. You too can test by using the following sample app
https://github.com/jitsi/jitsi-meet-sdk-samples/tree/master/react-native.

[bahachammakhi]

Hello @Calinteodor ,

Yes i tried testing the simple it works fine ,

But in the current application i receive that error

[Calinteodor]

You can follow the sample app implementation and see what's missing on your end.

[bahachammakhi]

@Calinteodor

Tried changing alot of things , but still the same issue , can this be related to disabling hermes? :hermes_enabled => false,

[bahachammakhi]

@Calinteodor Maybe you can spot something wrong here in the Podfile :

require_relative '../node_modules/react-native/scripts/react_native_pods'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
require Pod::Executable.execute_command('node', ['-p',
  'require.resolve(
    "react-native/scripts/react_native_pods.rb",
    {paths: [process.argv[1]]},
  )', __dir__]).strip

platform :ios, '15.1'
install! 'cocoapods', :deterministic_uuids => false
prepare_react_native_project!

target 'mobile' do
  config = use_native_modules!

  # Flags change depending on the env values.
  flags = get_default_flags()

  use_frameworks! :linkage => :static
  $RNFirebaseAsStaticFramework = true

  use_react_native!(
    :path => config[:reactNativePath],

    # Hermes is now enabled by default. Disable by setting this flag to false.
    # Upcoming versions of React Native may rely on get_default_flags(), but
    # we make it explicit here to aid in the React Native upgrade process.
    :hermes_enabled => false,
    :fabric_enabled => flags[:fabric_enabled],
    :app_path => "#{Pod::Config.instance.installation_root}/.."
  )

  target 'mobileTests' do
    inherit! :complete
    # Pods for testing
  end

  # Enables Flipper.
  #
  # Note that if you have use_frameworks! enabled, Flipper will not work and
  # you should disable the next line.
  # use_flipper!()

  post_install do |installer|
    react_native_post_install(installer,
      # Set `mac_catalyst_enabled` to `true` in order to apply patches
      # necessary for Mac Catalyst builds
      config[:reactNativePath],
      :mac_catalyst_enabled => false
      )
  end
end

[Calinteodor]

Nothing suspicious in your podfile configuration and the error doesn't look to be related to hermes.