I want to integrate meeting sdk with react native

Subject: Metro Bundler and App Update Issues After Integrating Zoom Meeting SDK in React Native

Message:

Hello,

I recently integrated the Zoom Meeting SDK into my React Native project. After doing so, I encountered the following issues:

  1. The Metro Bundler server is not working correctly, making it difficult to debug or run the app.
  2. My app is not reflecting new changes or updates, even after restarting the Metro server or clearing the cache.

Steps I’ve tried to resolve the issue:

  • Cleared Metro cache using npx react-native start --reset-cache.
  • Rebuilt the app using react-native run-android/react-native run-ios.
  • Verified the integration steps for the Zoom SDK as per the official documentation.

Despite these efforts, the issues persist. It seems like the Zoom SDK integration is interfering with the React Native build or development workflow.

Has anyone faced similar issues or have suggestions to resolve this? Any guidance would be appreciated!

Here is my react native project versions
React Native : 0.73.6
gradle-8.7
buildToolsVersion = “34.0.0”
minSdkVersion = 26
compileSdkVersion = 34
targetSdkVersion = 34

Thank you.


1 Like

I am also facing the same issue. Zoom community, please help us resolve this problem. iOS is working fine, but on Android, the Metro Bundler server is not running

Hi @shehryarmuhammad97 @thelanguageskool any updates/ findings regarding this issue.

@thelanguageskool
Have you been able to resolve this issue? I’m also facing it for quite some time and can’t figure it out.

@thelanguageskool @starky @shehryarmuhammad97
After a lot of trial and error - I was able to find a workaround for this issue.
It happens because on the docs, zoom asks for the following:


If you have this config turned on already (which you probably already had, if you connected to metro in the past) it will cause an error while trying to build the app, since there’s a mismatch with the config between what’s in the mobilertc.aar and your application.
I removed the config from my application and this how the issue raised - you’re not allowing your app to connect to metro.
What I did, is unzipping the mobilertc.aar, opening the AndroidManifest.xml and removing both “android:usesCleartextTraffic” and “android:networkSecurityConfig” from the tag, then zipping again using jar and copying it back to my project - this seems to be working properly, although I’m not sure what are the security consequences.

If there’s anyone from Zooms side to tell us if there’s anything else we can do to debug using metro and keep the security as expected, it will be great.

Hi,

I am trying to integrate the Zoom Meeting SDK in my React Native app (react-native: 0.75.4). I am following the official documentation . However, I am unable to integrate it correctly, as the app crashes as soon as it builds.

Can you please help me?

Please download the Zoom Meeting SDK separately for both Android and iOS, as mentioned in the official documentation. Then, run the app again and resolve any build errors. @zoom/meetingsdk-react-native package requires the SDK to function properly..

It works, thanks! Yes, the Zoom community helps us. Why is Metro Bundler not working on Android when using Meeting SDK