expo
"@config-plugins/react-native-webrtc" facing issue in expo 50
Summary
Facing issue while using "@config-plugins/[email protected]", 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: [email protected] npm ERR! Found: [email protected] 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/[email protected] 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.registerComponentwasn'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 }} > {() => ( <StreamVideo client={clientStream}> <OverlayProvider> <VideoCall /> </OverlayProvider> </StreamVideo> )} </UserStack.Screen> )}
