ERROR [modules/xmpp/strophe.util.js] Strophe: error

[Harmeet135]

on joining meeting getting error

ERROR 2024-10-08T22:27:20.094Z [modules/xmpp/strophe.util.js] Strophe: error: undefined http://localhost:8081/index.bundle?platform=android&dev=true&lazy=true&minify=false&app=com.xcool.mobileapp&modulesOnly=false&runModule=true:303073 - Error: Native module not found error: undefined http://localhost:8081/index.bundle?platform=android&dev=true&lazy=true&minify=false&app=com.xcool.mobileapp&modulesOnly=false&runModule=true:303073 - Error: Native module not found

tried re-installing node modules and gradle clean still getting this

the meeting screen keeps loading

import React, { useCallback, useState, useEffect, useRef } from 'react'; import { View, Text } from 'react-native'; import { useNavigation } from '@react-navigation/native'; import { JitsiMeeting } from '@jitsi/react-native-sdk'; import { generateJwt } from "../../Services/NetworkingService"; import AsyncStorage from "@react-native-async-storage/async-storage";

export default function JoinMeetingView(props) { const { id } = props.route.params; const [meetJwt, setMeetJwt] = useState(""); const [showMeet, setShowMeet] = useState(false); const [username, setUsername] = useState("") const jitsiMeeting = useRef(null); const navigation = useNavigation();

// Fetch the JWT token when the component is mounted useEffect(() => { generateJwt(id) .then((response) => { setMeetJwt(response); setShowMeet(true); }) .catch((error) => console.error("Error generating JWT:", error)); }, [id]);

useEffect(() => { getName(); })

// Event handler when the meeting is ready to close const onReadyToClose = useCallback(() => { navigation.navigate('Home'); console.log('Exited'); jitsiMeeting.current?.close(); }, [navigation]);

// Define event listeners for the JitsiMeeting component const eventListeners = { onReadyToClose, onEnterPictureInPicture: () => console.log('enter'), onExitPictureInPicture: () => handlePiPMode('exit'), onEndpointMessageReceived: () => console.log('You received a message!'), };

const room = some code here${id};

// Meeting content view component const ContentView = () => ( <JitsiMeeting config={{ hideConferenceTimer: true, startWithAudioMuted: true, startWithVideoMuted: false, }} eventListeners={eventListeners} flags={{ "call-integration.enabled": true, "pip.enabled": true, "videoQuality.persist": true, }} ref={jitsiMeeting} userInfo={{ displayName: username }} style={{ flex: 1 }} room={room} token={meetJwt} domain={"https://8x8.vc/"}

/>

);

return ( <> {showMeet ? : (

Loading Meeting...

  )}
</>

); }

[lilitsimonyan98]

the same for me

[saghul]

Are you using Hermes?

[Harmeet135]

no, it's disabled @saghul

[saghul]

How does your package.json file look like?

[Harmeet135]

@saghul

"private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@algolia/recommend-react": "^1.15.0", "@amplitude/react-native": "^2.17.3", "@giphy/react-native-sdk": "^3.2.6", "@hookform/resolvers": "^3.9.0", "@jitsi/react-native-sdk": "^10.2.1", "@ptomasroos/react-native-multi-slider": "^2.2.2", "@react-native-async-storage/async-storage": "^2.0.0", "@react-native-camera-roll/camera-roll": "^7.8.3", "@react-native-clipboard/clipboard": "^1.14.2", "@react-native-community/datetimepicker": "^8.2.0", "@react-native-community/netinfo": "^11.4.1", "@react-navigation/bottom-tabs": "^6.6.1", "@react-navigation/drawer": "^6.7.2", "@react-navigation/native": "^6.1.18", "@react-navigation/stack": "^6.4.1", "algoliasearch": "^5.6.1", "axios": "^1.7.7", "moment": "^2.30.1", "react": "18.3.1", "react-hook-form": "^7.53.0", "react-instantsearch": "^7.13.2", "react-native": "0.75.3", "react-native-background-timer": "^2.4.1", "react-native-blob-util": "^0.19.11", "react-native-calendar-events": "^2.2.0", "react-native-device-info": "^13.0.0", "react-native-document-picker": "^9.3.1", "react-native-element-dropdown": "^2.12.1", "react-native-fs": "^2.20.0", "react-native-gesture-handler": "^2.20.0", "react-native-gifted-chat": "^2.6.3", "react-native-image-picker": "^7.1.2", "react-native-immersive-mode": "^2.0.2", "react-native-keep-awake": "^4.0.0", "react-native-modal": "^13.0.1", "react-native-paper": "^5.12.5", "react-native-qrcode-svg": "^6.3.2", "react-native-razorpay": "^2.3.0", "react-native-reanimated": "^3.15.3", "react-native-render-html": "^6.3.4", "react-native-safe-area-context": "^4.11.0", "react-native-screens": "^3.34.0", "react-native-share": "^11.0.3", "react-native-sound": "^0.11.2", "react-native-svg": "^15.7.1", "react-native-toast-message": "^2.2.1", "react-native-url-polyfill": "^2.0.0", "react-native-vector-icons": "^10.2.0", "react-native-webrtc": "^124.0.4", "react-native-webview": "^13.12.2", "react-native-youtube-iframe": "^2.3.0", "twrnc": "^4.5.1", "yup": "^1.4.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/babel-preset": "0.75.3", "@react-native/eslint-config": "0.75.3", "@react-native/metro-config": "0.75.3", "@react-native/typescript-config": "0.75.3", "@types/react": "^18.2.6", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.6.3", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.3.1", "typescript": "5.0.4" }, "engines": { "node": ">=18" }, "packageManager": "yarn@3.6.4" }

[Harmeet135]

fixed it by installing react-native-get-random-values