Error on using UI components: "new NativeEventEmitter() requires a non-null argument.

[mpinchover]

Issue

When using Stream UI components in a new Expo project, an uncaught error appears:

Invariant Violation: `new NativeEventEmitter()` requires a non-null argument., js engine: hermes

I was unable to find any support online for how to get rid of this error.

Code for project:

import { SafeAreaView, Text } from "react-native";
import { StreamChat } from "stream-chat";
import { OverlayProvider } from "stream-chat-react-native";

const client = StreamChat.getInstance("my-api-key");

export default function HomeScreen() {
  return (
    <SafeAreaView>
      <OverlayProvider>
        <Text>Hello</Text>
      </OverlayProvider>
    </SafeAreaView>
  );
}

Dependencies

 "stream-chat": "^8.35.0",
 "stream-chat-react-native": "^5.31.1"

Describe your issue here

Steps to reproduce

Steps to reproduce the behavior:

Expo has a new flow now where you can choose to create an Expo Go project or an Expo Development project. Expo Go is not meant for production builds, but more to quickly test out how Expo is used.

Make sure to choose iOS simulator, development build here and uncheck Build with Expo Application Services (EAS).

Run app npm run start

Expected behavior

App should be able to compile and open.

Project Related Information

Customization

Click To Expand

# N/A

Offline support

• I have enabled offline support.
• The feature I'm having does not occur when offline support is disabled. (stripe out if not applicable)

Environment

Running node v20.13.1

Click To Expand

package.json:

# N/A

react-native info output:

 OUTPUT GOES HERE

• Platform that you're experiencing the issue on:
  • iOS
  • Android
  • iOS but have not tested behavior on Android
  • Android but have not tested behavior on iOS
  • Both
• stream-chat-react-native version you're using that has this issue:
  • e.g. 5.4.3
• Device/Emulator info:
  • I am using a physical device
  • OS version: e.g. Android 10
  • Device/Emulator: e.g. iPhone 11

Additional context

Screenshots

---

[khushal87]

Hey @mpinchover, if you are using expo to build your project, why are you using stream-chat-react-native? Instead you should use stream-chat-expo.

[khushal87]

Closing this issue in favour of not being able to reproduce it. Please reopen it if you still find it relevant. For expo please follow the installation guide.