cometchat-native-core

Integrate CometChat React Native UI Kit v5 with a four-wrapper provider pattern.

74|2|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/cometchat/cometchat-skills --skill cometchat-native-core
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cometchat-native-core
Source: https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-native-core
Command: npx skills add https://github.com/cometchat/cometchat-skills --skill cometchat-native-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This foundational skill provides the essential guidance to correctly integrate the CometChat React Native UI Kit v5 into Expo-managed or bare React Native projects. It documents the initialization order, provider wrapper chain, login workflow, environment variable handling, and anti-patterns that can cause runtime failures.

Core Features & Use Cases

  • Clear init/login lifecycle guidance for RN UI Kit v5
  • Mandatory four-wrapper integration pattern (GestureHandlerRootView, SafeAreaProvider, CometChatThemeProvider, and your own CometChatProvider)
  • Environment variable and token management guidance
  • Anti-patterns and safe-guarded patterns for production-ready apps

Quick Start

Follow the four-wrapper chain and initialize CometChat at the app root to ensure a stable integration.

Frequently Asked Questions about cometchat-native-core

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate CometChat React Native UI Kit v5 into an Expo app?

To integrate CometChat React Native UI Kit v5 into an Expo app, apply the mandatory four-wrapper pattern at the root: GestureHandlerRootView, SafeAreaProvider, CometChatThemeProvider, and a custom CometChatProvider to ensure a stable runtime.

What is the correct initialization order for CometChat RN UI Kit?

The correct CometChat RN UI Kit initialization requires setting up the four-wrapper provider chain and executing the CometChat init and login sequence at the app root before rendering components to prevent runtime failures.

Why does my CometChat React Native integration crash on startup?

CometChat React Native startup crashes often stem from anti-patterns like bypassing the four-wrapper chain or incorrect init/login sequencing, which disrupt the runtime stability of the UI Kit.

What environment variables are needed for CometChat RN UI Kit v5?

CometChat RN UI Kit v5 requires specific environment variables for app ID, region, and auth tokens to properly manage initialization and execute user login workflows safely.

Can I use CometChat UI Kit with a bare React Native project?

Yes, the CometChat UI Kit integration pattern applies to both Expo-managed and bare React Native projects, enforcing necessary platform considerations and safe-guarded patterns for production-grade apps.

What are common anti-patterns when setting up CometChat providers in React Native?

Common CometChat provider anti-patterns include incorrect wrapper nesting, skipping SafeAreaProvider or GestureHandlerRootView, and improper initialization sequencing, which cause runtime failures in React Native apps.