Facing issue while using "@config-plugins/react-native-webrtc@9.0.0", in my expo version 50, so i downgraded to "8.0.0". Then my application is getting crashed, when i integrated getstream.io.
Below is how i integrated
Config Plugin
@config-plugins/react-native-webrtc
What platform(s) does this occur on?
Android
SDK Version
^50.0.8
Reproducible demo
When I'm trying to install SDK with expo 50 facing issue as below
npm i @config-plugins/react-native-webrtc
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: expo-starter@1.0.0
npm ERR! Found: expo@50.0.19
npm ERR! node_modules/expo
npm ERR! expo@"^50.0.8" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer expo@"^51" from @config-plugins/react-native-webrtc@9.0.0
npm ERR! node_modules/@config-plugins/react-native-webrtc
npm ERR! @config-plugins/react-native-webrtc@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\username\AppData\Local\npm-cache_logs\2024-05-26T09_25_57_005Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in: C:\Users\username\AppData\Local\npm-cache_logs\2024-05-26T09_25_57_005Z-debug-0.log
So i downgraded to version "8.0.0", but after building when i try to integrate getstream.io, facing issue as application is getting crashing and getting below error
ERROR Error: Cannot find native module 'ExpoMediaLibrary', js engine: hermes
ERROR Invariant Violation: "main" has not been registered. This can happen if:
Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
A module failed to load due to an error and AppRegistry.registerComponent wasn't called., js engine: hermes
I installed "expo-media-library", but still facing issue , below is how i integrated in my expo-app
Summary
Facing issue while using "@config-plugins/react-native-webrtc@9.0.0", in my expo version 50, so i downgraded to "8.0.0". Then my application is getting crashed, when i integrated getstream.io.
Below is how i integrated
Config Plugin
@config-plugins/react-native-webrtc
What platform(s) does this occur on?
Android
SDK Version
^50.0.8
Reproducible demo
When I'm trying to install SDK with expo 50 facing issue as below
npm i @config-plugins/react-native-webrtc npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: expo-starter@1.0.0 npm ERR! Found: expo@50.0.19 npm ERR! node_modules/expo npm ERR! expo@"^50.0.8" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer expo@"^51" from @config-plugins/react-native-webrtc@9.0.0 npm ERR! node_modules/@config-plugins/react-native-webrtc npm ERR! @config-plugins/react-native-webrtc@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\username\AppData\Local\npm-cache_logs\2024-05-26T09_25_57_005Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in: C:\Users\username\AppData\Local\npm-cache_logs\2024-05-26T09_25_57_005Z-debug-0.log
So i downgraded to version "8.0.0", but after building when i try to integrate getstream.io, facing issue as application is getting crashing and getting below error
ERROR Error: Cannot find native module 'ExpoMediaLibrary', js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if:
AppRegistry.registerComponent
wasn't called., js engine: hermesI installed "expo-media-library", but still facing issue , below is how i integrated in my expo-app
const initializeClient = async () => { try { const client = new StreamVideoClient({ apiKey: "apiKey", user, token: "token", }); setClient(client); } catch (e) { console.log("Error creating client: ", e); } }; initializeClient(); }, [client]);
and this how i wrapped for my createStackNavigator router
{clientStream && ( <UserStack.Screen name="VideoCall" options={{ headerShown: false }}