search

AgoraIO-Community / VideoUIKit-ReactNative

A React Native package to simply integrate Agora Video Calling or Live Video Streaming to your app with just a few lines of code.
MIT License
93 stars 43 forks source link

`new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method. #132

Open rockzy77 opened 1 year ago

rockzy77 commented 1 year ago

Target device:

App Info

I copy pasted the code from docs and tried debugging the app in my physical device. But when the app is loaded its showing the error 

 `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method.
    at StackNavigation (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:95453:41)
    at ProfileProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:107897:36)
    at App
    at RCTView
    at View (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:45928:43)
    at RCTView
    at View (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:45928:43)
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:45809:36)
    at HospitalApp(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:83815:28)
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method.
    at StackNavigation (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:95453:41)
    at ProfileProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:107897:36)
    at App
    at RCTView
    at View (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:45928:43)
    at RCTView
    at View (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:45928:43)
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:45809:36)
    at HospitalApp(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.liveopd.healthcare&modulesOnly=false&runModule=true:83815:28)

No specific config was mentioned in the documents. What should I do? Why this is occuring?

This is my dependencies in packages.json

"dependencies": {
    "@react-native-async-storage/async-storage": "^1.17.11",
    "@react-native-community/datetimepicker": "^6.7.5",
    "@react-native-firebase/app": "^17.3.2",
    "@react-native-firebase/auth": "^17.3.2",
    "@react-native-google-signin/google-signin": "^9.0.2",
    "@react-native-picker/picker": "^2.4.9",
    "@react-navigation/bottom-tabs": "^6.5.7",
    "@react-navigation/native": "^6.1.6",
    "@react-navigation/native-stack": "^6.9.12",
    "agora-react-native-rtm": "^1.5.1",
    "agora-rn-uikit": "^5.0.1",
    "axios": "^1.3.4",
    "react": "18.2.0",
    "react-native": "0.71.4",
    "react-native-agora": "^4.1.2",
    "react-native-datepicker": "^1.7.2",
    "react-native-document-picker": "^8.1.3",
    "react-native-element-dropdown": "^2.8.1",
    "react-native-gesture-handler": "^2.9.0",
    "react-native-image-crop-picker": "^0.39.0",
    "react-native-phone-number-input": "^2.1.0",
    "react-native-reanimated": "^2.14.4",
    "react-native-redash": "^18.1.0",
    "react-native-safe-area-context": "^4.5.0",
    "react-native-screens": "^3.20.0",
    "react-native-select-dropdown": "^3.3.0",
    "react-native-translation": "^1.1.0",
    "react-native-vector-icons": "^9.2.0",
    "react-native-web": "^0.18.12"
  },

This is the video call code

import React, {useState} from 'react';
import AgoraUIKit from 'agora-rn-uikit';
import { useRoute } from '@react-navigation/native';

export const VideoCall = () => {
  const [videoCall, setVideoCall] = useState(true);
  const {appId, channelName} = useRoute().params;
  const connectionData = {
    appId: appId,
    channel: channelName,
  };
  const rtcCallbacks = {
    EndCall: () => {
      setVideoCall(false);
      nav(-1);
    },
  };
  return videoCall ? (
    <AgoraUIKit connectionData={connectionData} rtcCallbacks={rtcCallbacks} />
  ) : (
    <Text onPress={()=>setVideoCall(true)}>Start Call</Text>
  );
};
gulshan-4 commented 11 months ago

Can you please tell me how you solved this problem? I'm stuck

EkaanshArora commented 11 months ago

Does this warning make the app unusable? Can you try dismissing it to see if everything else works?

gulshan-4 commented 11 months ago

@EkaanshArora App just crashes, here's my log:

 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method.
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method.
 ERROR  Your app just crashed. See the error below.
java.lang.RuntimeException: Unable to resume activity {com.petinder/com.petinder.MainActivity}: java.lang.reflect.InvocationTargetException     
  android.app.ActivityThread.performResumeActivity(ActivityThread.java:4961)
  android.app.ActivityThread.handleResumeActivity(ActivityThread.java:4994)
  android.app.servertransaction.ResumeActivityItem.execute(ResumeActivityItem.java:57)
  android.app.servertransaction.ActivityTransactionItem.execute(ActivityTransactionItem.java:45)
  android.app.servertransaction.TransactionExecutor.executeLifecycleState(TransactionExecutor.java:180)
  android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:98)
  android.app.ActivityThread$H.handleMessage(ActivityThread.java:2443)
  android.os.Handler.dispatchMessage(Handler.java:106)
  android.os.Looper.loopOnce(Looper.java:205)
  android.os.Looper.loop(Looper.java:294)
  android.app.ActivityThread.main(ActivityThread.java:8176)
  java.lang.reflect.Method.invoke(Native Method)
  com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:552)
  com.android.internal.os.ZygoteInit.main(ZygoteInit.java:971)
Caused by java.lang.reflect.InvocationTargetException
  java.lang.reflect.Method.invoke(Native Method)
  expo.modules.ReactActivityDelegateWrapper.invokeDelegateMethod(ReactActivityDelegateWrapper.kt:285)
  expo.modules.ReactActivityDelegateWrapper.onResume(ReactActivityDelegateWrapper.kt:163)
  com.facebook.react.ReactActivity.onResume(ReactActivity.java:58)
  android.app.Instrumentation.callActivityOnResume(Instrumentation.java:1603)
  android.app.Activity.performResume(Activity.java:8743)
  android.app.ActivityThread.performResumeActivity(ActivityThread.java:4951)
  android.app.ActivityThread.handleResumeActivity(ActivityThread.java:4994)
  android.app.servertransaction.ResumeActivityItem.execute(ResumeActivityItem.java:57)
  android.app.servertransaction.ActivityTransactionItem.execute(ActivityTransactionItem.java:45)
  android.app.servertransaction.TransactionExecutor.executeLifecycleState(TransactionExecutor.java:180)
  android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:98)
  android.app.ActivityThread$H.handleMessage(ActivityThread.java:2443)
  android.os.Handler.dispatchMessage(Handler.java:106)
  android.os.Looper.loopOnce(Looper.java:205)
  android.os.Looper.loop(Looper.java:294)
  android.app.ActivityThread.main(ActivityThread.java:8176)
  java.lang.reflect.Method.invoke(Native Method)
  com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:552)
  com.android.internal.os.ZygoteInit.main(ZygoteInit.java:971)
Caused by java.lang.NullPointerException: Attempt to invoke interface method 'void com.facebook.react.bridge.Callback.invoke(java.lang.Object[])' on a null object reference
  com.facebook.react.modules.permissions.PermissionsModule.onRequestPermissionsResult(PermissionsModule.java:201)
  com.facebook.react.ReactActivityDelegate$2.invoke(ReactActivityDelegate.java:201)
  com.facebook.react.ReactActivityDelegate.onResume(ReactActivityDelegate.java:126)
  java.lang.reflect.Method.invoke(Native Method)
  expo.modules.ReactActivityDelegateWrapper.invokeDelegateMethod(ReactActivityDelegateWrapper.kt:285)
  expo.modules.ReactActivityDelegateWrapper.onResume(ReactActivityDelegateWrapper.kt:163)
  com.facebook.react.ReactActivity.onResume(ReactActivity.java:58)
  android.app.Instrumentation.callActivityOnResume(Instrumentation.java:1603)
  android.app.Activity.performResume(Activity.java:8743)
  android.app.ActivityThread.performResumeActivity(ActivityThread.java:4951)
  android.app.ActivityThread.handleResumeActivity(ActivityThread.java:4994)
  android.app.servertransaction.ResumeActivityItem.execute(ResumeActivityItem.java:57)
  android.app.servertransaction.ActivityTransactionItem.execute(ActivityTransactionItem.java:45)
  android.app.servertransaction.TransactionExecutor.executeLifecycleState(TransactionExecutor.java:180)
  android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:98)
  android.app.ActivityThread$H.handleMessage(ActivityThread.java:2443)
  android.os.Handler.dispatchMessage(Handler.java:106)
  android.os.Looper.loopOnce(Looper.java:205)
  android.os.Looper.loop(Looper.java:294)
  android.app.ActivityThread.main(ActivityThread.java:8176)
  java.lang.reflect.Method.invoke(Native Method)
  com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:552)
  com.android.internal.os.ZygoteInit.main(ZygoteInit.java:971)
Abhaychovatiya commented 11 months ago

i'm also stuck with this error i have applied code which is mention in docs with fresh project Errors -> new NativeEventEmitter() was called with a non-null argument without the required addListener method. new NativeEventEmitter() was called with a non-null argument without the required removeListeners method.

Installed Dependencies -> "agora-react-native-rtm": "^1.5.1", "agora-rn-uikit": "^5.0.1", "react": "18.2.0", "react-native": "0.72.4", "react-native-agora": "^4.2.1",

import AgoraUIKit from 'agora-rn-uikit';

const App = () => { const [videocall, setVideocall] = useState(true);

const connectionData = { appId: '83083d0a4**2961ead**', channel: 'test', };

const rtcCallbacks = { EndCall: () => setVideocall(false), };

return videocall ? (

) : ( <Text onPress={() => setVideocall(true)}>Start Call ); export default App;