cometchat-pro-tutorials / build-chat-app-with-react-hooks

Step-by-step tutorial to build a chat app with React Hooks, complete with presence indicators, typing indicators, and more. https://www.cometchat.com/pro

React Chat Widget App With CometChat Pro

This example shows how to build a React chat application using CometChat Pro SDK and React Hooks.

SCREENSHOTS

Jump straight into the code or read the accompanying step-by-step guide here on our blog.

Technology

This demo uses:

• CometChat Pro JavaScript SDK
• React

Running the demo locally

• Download the repository here or by running git clone https://github.com/nsebhastian/react-hooks-cometchat.git
• run npm install
• You need to sign up for CometChat PRO and create your application first
• Create an ApiKey. You can use auth-only permission for this application
• Put your AppID and ApiKey into src/config.js file
• run npm start
• A browser will open localhost:3000

Useful links

• 📚Tutorial

Other examples

• ReactJS Chat app

build-chat-app-with-react-hooks's Issues

Cannot send messages

Hi

I have tried the tutorial yesterday and I am having troubles to send messages in the chat.

There is no problem with the login but once I am logged as superhero1 for example I cannot send messages to other users.

Right below you can see the error in the console :

I don't know what is wrong but if you have an idea it will be very helpful !

Thanks in advance guys