"@config-plugins/react-native-webrtc" facing issue in expo 50

[Raghu-M-S]

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:

• 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

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 }}
>
{() => (





)}
</UserStack.Screen>
)}

[Ozaoujal]

I got the same issue, any solution?