cometchat/cometchat-sample-app-react

Voice & Video Calling and Text Chat App for React (JavaScript/Web)

cometchat-sample-app-react's Issues

Weird warning of missed libraries on start

Describe the problem

I downloaded repository and did yarn start. I see following warnings/errors in the console

Compiled with warnings.

Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11891:4-44
Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11891:73-126
Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11894:4-40
Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11894:69-118
Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'

What was the expected behavior?

I want to use this example app as a foundation for my project so I don't expect any errors in the console output.

getting TypeError: Cannot read property 'theme' of undefined

Describe the problem

When I download the quickstart and run yarn install and start the application and go to the conversion-list I get the following error TypeError: Cannot read property 'theme' of undefined

What was the expected behavior?

I expect to see a list of conversations

Reproduction

Detail the steps taken to reproduce this error, and whether this issue can be reproduced consistently or if it is intermittent.
Note: If clear, reproducable steps or the smallest sample app demonstrating misbehavior cannot be provided, we may not be able to follow up on this bug report.

It occurs in the v2 and v3 app

U use the default chat app and only change the values in consts.js to the correct values

npm start fails

Describe the problem

After following the installation instructions and trying to run the project, I immediately get this error:

/Users/me/javascript-react-chat-app/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports (/Users/me/javascript-react-chat-app/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/me/javascript-react-chat-app/node_modules/webpack/lib/NormalModule.js:417:16)
    at /Users/me/javascript-react-chat-app/node_modules/webpack/lib/NormalModule.js:452:10
    at /Users/me/javascript-react-chat-app/node_modules/webpack/lib/NormalModule.js:323:13
    at /Users/me/javascript-react-chat-app/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /Users/me/javascript-react-chat-app/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/Users/me/javascript-react-chat-app/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/me/javascript-react-chat-app/node_modules/babel-loader/lib/index.js:59:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v17.0.1

What was the expected behavior?

For the project to run

Reproduction

1. Clone repo
2. Install dependencies
3. Run npm start

Environment

Please provide the following:

• Node.js v17.01
• MacOS 12.1 Montery Apple M1 Pro
• iTerm running in Rosetta mode

Trying to use the demo but keeps showing CORS error

Hi, downloaded the demo and provided the credentials, after running:

npm install
npm run dev

The server now listens on port 5000

So far, so good. When I access the site it shows up fine but when trying to login, I keep getting:

POST https://api.cometchat.com/v1.8/users/superhero1/auth_tokens 500
localhost/:1 Access to fetch at 'https://api.cometchat.com/v1.8/users/superhero1/auth_tokens' from origin 'http://localhost:5000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Any ideas?

How i can use this with my React Js Website ?

How to integrate this in React15 project ?

Not able to install the sample

When i trying install react sample it didn't complile becuase of angualr and vue package absence, Not sure why it asking angular and vue pakacge to miss?

A line of code is not correct

Describe the problem

When I did the npm start after following all the instructions, I am getting this error Module not found: Can't resolve '../../cometchat-pro-react-ui-kit/CometChatWorkspace/src' in 'C:\Users\hp\desktop\javascript-react-chat-apavascript-react-chat-app\src\defaultPages\App'

What was the expected behavior?

The screen should display the sample react app
The error is present in this file ./src/defaultPages/App/index.js