cometchat-react-router-patterns - Integrate CometChat with React Router
Provides patterns for integrating CometChat React UI Kit v6 with React Router v6 library mode and v7 framework mode, including routing and SSR prevention.
Tags
Updated: 2026-10-16Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Detect React Router mode
- Configure CometChat providers
- Add chat routes
- Nest conversation routes
- Navigate from chat callbacks
- Prevent server rendering
Inputs
- React Router project files
- Router configuration
- CometChat environment variables
- Existing route components
Outputs
- Updated route configuration
- CometChat provider integration
- Nested conversation views
- Client-only chat rendering
- Conversation URL navigation
Requirements
- Node.js 18 or later
- React 18 or later
- react-router-dom 6 or react-router 7
- @cometchat/chat-uikit-react 6
- @cometchat/chat-sdk-javascript 4