TypeError when using expo 44 and AgoraUIKit

[vladis-c]

Hi!

I am trying to follow the tutorial from https://www.agora.io/en/blog/building-a-video-calling-app-using-the-agora-sdk-on-expo-react-native/ with expo 44.

When running I get an error:

I tried downgrading to expo 42, and it did not work.

Please, Help! Thank you. 🙏

[LichKing-2234]

have you used expo-dev-client?

[LichKing-2234]

if not you can refer to #188

[lamphq-krrish]

expo-dev-client is not helping.

[LinusU]

This is not working for me either, I'm building via EAS, specifically eas build --platform=ios --profile=development.

I think that for this to work with EAS there needs to be a config plugin added to this package?

[LinusU]

My error is slightly different though:

TypeError: null is not an object (evaluating 'AgoraRTM.prefix')

[LinusU]

Ah, the problem was that I had to run:

npm install agora-react-native-rtm

Following the blog post linked above I had only installed react-native-agora and agora-rn-uikit

[brytoz]

i had similar problems as yours @LinusU

TypeError: null is not an object (evaluating 'AgoraRtcChannelModule.prefix')

how do i fix this please?

[EkaanshArora]

We have updated the UIKit to use the Agora RTM SDK for a few new features like usernames. We're updating the blog to include rtm in the installation instructions. To fix the error just install the RTM SDK. New installation step would look like this:

npm install react-native-agora agora-react-native-rtm agora-rn-uikit

[vladis-c]

Well, after the newest update I start to get

TypeError: null is not an object (evaluating 'AgoraRTM.prefix')

@EkaanshArora Could you help please?

Expo sdk 45,
running using dev-client. All dependencies installed like in blog, and I also ran command expo run:android

[EkaanshArora]

Have you installed agora-react-native-rtm? @vladis-c

[vladis-c]

Have you installed agora-react-native-rtm? @vladis-c

Yes, it was installed.

However the way I solved the issue is to use react-native-agora setup.

I hope the issue stated here will be solved!

[brytoz]

We have updated the UIKit to use the Agora RTM SDK for a few new features like usernames. We're updating the blog to include rtm in the installation instructions. To fix the error just install the RTM SDK. New installation step would look like this:

npm install react-native-agora agora-react-native-rtm agora-rn-uikit

Installed all but faced the same issue.

[brytoz]

Have you installed agora-react-native-rtm? @vladis-c

Yes, it was installed.

However the way I solved the issue is to use react-native-agora setup.

I hope the issue stated here will be solved!

@vladis-c are you talking about the agora blog post?

[vladis-c]

Have you installed agora-react-native-rtm? @vladis-c

Yes, it was installed.

However the way I solved the issue is to use react-native-agora setup.

I hope the issue stated here will be solved!

@vladis-c are you talking about the agora blog post?

What do you mean?

To clarify, how I solved, I basically decided not to use agora-rn-uikit.

I completely removed all the dependencies, and reinstalled react-native-agora only. I wrote the code from scratch, with all the methods, I wanted. Customised it like I wanted.

I think, it is a better option at the moment, if any of you, guys, wanna avoid the problems.
I hope the agora-rn-uikit is gonna be fixed soon, and we can use that as well.

Also, I think that UI kit conflicts a lot with expo and typescript. Using expo dev client does not make agora ui kit work.

[brytoz]

@vladis-c okay, I think I understand what you mean now.

I'll try it.

[brytoz]

A demo will be great. Thanks 👍

[vladis-c]

That's where I took the code from.

https://github.com/AgoraIO-Community/react-native-agora/blob/master/example/src/examples/basic/JoinChannelVideo/JoinChannelVideo.tsx

[hanees13]

A demo will be great. Thanks 👍

can you provide a demo git repo

[plutoless]

@hanees13 as @vladis-c mentioned you can get the demo git here
https://github.com/AgoraIO-Extensions/react-native-agora/tree/master/example/src/examples

issue closed as the issue seems solved.