Error after build in react-native 0.76.3

[yashtops]

What happened?

Facing error related to the navigation after installing jitsi meet.i am using expo router and behind the scene it's using react-navigation 7.but as i checked the dependencies inside the @jitsi/react-native-sdk it's using react-navigation 6.

ERROR Warning: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of SceneView.
This error is located at:
in SceneView (created by NativeStackView)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze (created by ScreenStack)
in RNSScreenStack (created by ScreenStack)
in ScreenStack (created by NativeStackView)
in RCTView (created by View)
in View (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by NativeStackView)
in NativeStackView (created by NativeStackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by NativeStackNavigator)
in NativeStackNavigator
in Unknown (created by RootLayout)
in PersistGate (created by RootLayout)
in Provider (created by RootLayout)
in RootLayout
in Unknown (created by Route())
in Suspense (created by Route())
in Route (created by Route())
in Route() (created by ContextNavigator)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by wrapper)
in wrapper (created by ContextNavigator)
in ThemeProvider
in EnsureSingleNavigator
in BaseNavigationContainer
in NavigationContainerInner (created by ContextNavigator)
in ContextNavigator (created by ExpoRoot)
in ExpoRoot (created by App)
in App (created by ErrorOverlay)
in ErrorToastContainer (created by ErrorOverlay)
in ErrorOverlay (created by withDevTools(ErrorOverlay))
in withDevTools(ErrorOverlay)
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent), js engine: hermes

package.json

"dependencies": {
"@amplitude/react-native": "2.17.3",
"@expo/vector-icons": "^14.0.2",
"@giphy/react-native-sdk": "2.3.0",
"@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/datetimepicker": "^8.2.0",
"@react-native-community/netinfo": "11.1.0",
"@react-native-community/slider": "4.4.3",
"@react-native-google-signin/google-signin": "10.1.0",
"@react-native/metro-config": "*",
"@react-navigation/native": "^7.0.0",
"@reduxjs/toolkit": "^2.2.7",
"dayjs": "^1.11.13",
"expo": "~52.0.17",
"expo-application": "~6.0.1",
"expo-constants": "~17.0.2",
"expo-document-picker": "~13.0.1",
"expo-font": "~13.0.1",
"expo-image": "~2.0.3",
"expo-image-picker": "~16.0.3",
"expo-linking": "~7.0.3",
"expo-router": "~4.0.11",
"expo-splash-screen": "~0.29.16",
"expo-status-bar": "~2.0.0",
"expo-system-ui": "~4.0.5",
"expo-web-browser": "~14.0.1",
"firebase": "^10.13.1",
"moment": "^2.30.1",
"react": "18.3.1",
"react-dom": "18.3.1",
"react-hook-form": "^7.53.0",
"react-native": "0.76.3",
"react-native-background-timer": "2.4.1",
"react-native-calendar-events": "2.2.0",
"react-native-default-preference": "1.4.4",
"react-native-device-info": "10.9.0",
"react-native-flash-message": "^0.4.2",
"react-native-gesture-handler": "2.18.1",
"react-native-get-random-values": "1.9.0",
"react-native-gifted-chat": "^2.6.4",
"react-native-immersive-mode": "2.0.2",
"react-native-keep-awake": "4.0.0",
"react-native-lightbox-v2": "^0.9.2",
"react-native-modal-datetime-picker": "^18.0.0",
"react-native-orientation-locker": "1.6.0",
"react-native-pager-view": "6.4.1",
"react-native-performance": "5.0.0",
"react-native-razorpay": "^2.3.0",
"react-native-reanimated": "~3.16.1",
"react-native-safe-area-context": "4.12.0",
"react-native-screens": "3.35.0",
"react-native-shadow-2": "^7.1.1",
"react-native-sound": "0.11.2",
"react-native-splash-screen": "3.3.0",
"react-native-svg": "^15.8.0",
"react-native-ui-datepicker": "^2.0.4",
"react-native-video": "6.0.0-alpha.11",
"react-native-watch-connectivity": "1.1.0",
"react-native-web": "~0.19.13",
"react-native-webrtc": "124.0.4",
"react-native-webview": "13.12.5",
"react-redux": "^9.1.2",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0"
}

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]

We don't support RN 0.76 or RN navigator 7 yet.

[wbmcircle]

latest jitsi can support 0.73.11?

[saghul]

It supports 0.75.

[wbmcircle]

thanks

[wbmcircle]

current pod version is 1.16.2.

[!] CocoaPods could not find compatible versions for pod "jitsi-meet-rnsdk":
  In Podfile:
    jitsi-meet-rnsdk (from `../node_modules/@jitsi/react-native-sdk`)

Specs satisfying the `jitsi-meet-rnsdk (from `../node_modules/@jitsi/react-native-sdk`)` dependency were found, but they required a higher minimum deployment target.

I got this error when run pod install.
which cocoapod version should I use?

[saghul]

but they required a higher minimum deployment target.

What is your minimum iOS version requirement? Our SDK requires 15.1 minimum, won't work with anything lower.

[wbmcircle]

okay, I will update it

[wbmcircle]

Hi, current react-native version is 0.75.2. and got this error again. how to solve?

[saghul]

Did you run the update_deps script?

[wbmcircle]

no, I didn't.
where is that script?

[saghul]

https://github.com/jitsi/jitsi-meet/blob/master/react-native-sdk/README.md

[wbmcircle]

I did it, but same error again.

[saghul]

Does the sample app work for you?

[wbmcircle]

I have never run a sample app before.

[wbmcircle]

@saghul Thanks for your answers
I solved that problem

[TalhaAbid0]

@saghul Any Expected Date When Jitsi is Available For RN 0.76 ??

[saghul]

No expected date. Out of curiosity, what do you need from 0.76 soecifically? Or do you just want to use it because it's the latest?

[TalhaAbid0]

I need to integrate Jitsi into my latest React Native project, but I don't want to downgrade my React Native version. When I use Jitsi with React Native 0.76.3, the app crashes on Android, showing 'JitsiMeetModule is undefined.' How can I fix this issue?

[saghul]

I don't know. As I said, we haven't tested with 0.76 yet. Once we do and make the necessary updates it will work.

[bahachammakhi]

@wbmcircle What you did exactly to fix this ?

@saghul ive been stuck for the most week on this , i have "@jitsi/react-native-sdk": "10.3.0", "react-native": "0.75.0", i updated deps using the command as shown here:

Any idea what would be the issue ?

[wbmcircle]

@bahachammakhi Clearing the cache and rebuilding may fix current problem

[TalhaAbid0]

Hi @saghul

What is the maximum or highest version of React Native where Jitsi works?
I am currently using version 0.76.3, but Jitsi is not supported on this version.
I want to downgrade my app to make Jitsi work.

Can you suggest the correct version?

[wbmcircle]

0.75.2. after downgrade to this, Jitsi can work

[TalhaAbid0]

@wbmcircle
The downgrade is causing crashes.
I would greatly appreciate it if you could guide me a bit regarding the downgrade process.
I Manage To run it on IOS, But Still Not Able to Run it on Android

ERROR

my-app/node_modules/@react-native/gradle-plugin/react-native-gradle-plugin/build.gradle.kts:10:49:
Unresolved reference: serviceOf

• What went wrong:
  Script compilation errors:

  Line 10: import org.gradle.configurationcache.extensions.serviceOf
  ^ Unresolved reference: serviceOf

  Line 58: serviceOf()
  ^ Unresolved reference: serviceOf

2 errors