[React Native / Expo] - Immediate undefined

primary-violet · 2024-03-21T15:44:49.669Z

I came across your API and am testing it on React Native Expo I am doing it very simple but get an immediate undefined ``` const VAPI_PUBLIC_KEY = "XXX"; const ASSISTANT_ID = "XX"; const vapi = new Vapi(VAPI_PUBLIC_KEY); ``` Am hit with an immediate ` ERROR TypeError: undefined is not a function, js engine: hermes` when I add in my public key. `export default MediaStreamTrack;` is what it is associated with. Any help would be appreciated - thanks

P

primary-violetOP•3/21/24, 3:45 PM

{
  "name": "XXX",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "expo": "~50.0.14",
    "expo-status-bar": "~1.11.1",
    "react": "18.2.0",
    "react-native": "0.73.6",
    "@vapi-ai/react-native": "^0.1.2",
    "@config-plugins/react-native-webrtc": "7.0.0",
    "@daily-co/config-plugin-rn-daily-js": "0.0.3",
    "@daily-co/react-native-daily-js": "0.49.0",
    "@daily-co/react-native-webrtc": "111.0.0-daily.2",
    "@react-native-async-storage/async-storage": "^1.22.3",
    "react-native-background-timer": "^2.4.1",
    "react-native-get-random-values": "^1.11.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@types/react": "~18.2.45",
    "typescript": "^5.1.3"
  },
  "private": true
}

{
  "name": "XXX",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "expo": "~50.0.14",
    "expo-status-bar": "~1.11.1",
    "react": "18.2.0",
    "react-native": "0.73.6",
    "@vapi-ai/react-native": "^0.1.2",
    "@config-plugins/react-native-webrtc": "7.0.0",
    "@daily-co/config-plugin-rn-daily-js": "0.0.3",
    "@daily-co/react-native-daily-js": "0.49.0",
    "@daily-co/react-native-webrtc": "111.0.0-daily.2",
    "@react-native-async-storage/async-storage": "^1.22.3",
    "react-native-background-timer": "^2.4.1",
    "react-native-get-random-values": "^1.11.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@types/react": "~18.2.45",
    "typescript": "^5.1.3"
  },
  "private": true
}

{
  "name": "XXX",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "expo": "~50.0.14",
    "expo-status-bar": "~1.11.1",
    "react": "18.2.0",
    "react-native": "0.73.6",
    "@vapi-ai/react-native": "^0.1.2",
    "@config-plugins/react-native-webrtc": "7.0.0",
    "@daily-co/config-plugin-rn-daily-js": "0.0.3",
    "@daily-co/react-native-daily-js": "0.49.0",
    "@daily-co/react-native-webrtc": "111.0.0-daily.2",
    "@react-native-async-storage/async-storage": "^1.22.3",
    "react-native-background-timer": "^2.4.1",
    "react-native-get-random-values": "^1.11.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@types/react": "~18.2.45",
    "typescript": "^5.1.3"
  },
  "private": true
}

{
  "name": "XXX",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "expo": "~50.0.14",
    "expo-status-bar": "~1.11.1",
    "react": "18.2.0",
    "react-native": "0.73.6",
    "@vapi-ai/react-native": "^0.1.2",
    "@config-plugins/react-native-webrtc": "7.0.0",
    "@daily-co/config-plugin-rn-daily-js": "0.0.3",
    "@daily-co/react-native-daily-js": "0.49.0",
    "@daily-co/react-native-webrtc": "111.0.0-daily.2",
    "@react-native-async-storage/async-storage": "^1.22.3",
    "react-native-background-timer": "^2.4.1",
    "react-native-get-random-values": "^1.11.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@types/react": "~18.2.45",
    "typescript": "^5.1.3"
  },
  "private": true
}

package.json

P

primary-violetOP•3/21/24, 4:46 PM

If you have code snippets built ontop of your package - would be very useful

Edit: Will try looking at this: https://github.com/VapiAI/client-side-example-react-native

GitHub

GitHub - VapiAI/client-side-example-react-native

Contribute to VapiAI/client-side-example-react-native development by creating an account on GitHub.

S

spotty-amber•6/12/25, 1:35 PM

@crypblizz were you able to make it work with that code snippet finally?

S

spotty-amber•6/12/25, 1:35 PM

facing so much issues working with vapi on expo/react native rn

V

VapiAPP•6/12/25, 3:30 PM

This ticket has been marked as solved, and as a result, you will no longer receive any further responses. Kindly create a new support ticket to escalate your inquiry. 

[React Native / Expo] - Immediate undefined

Similar Threads

Similar Threads

Similar Threads