Unable to display React Sendbird UIKit Component

Sendbird Chat UIKit
1

UIKit Version 1.0.3
Node Version 12.13.1

I downloaded the uikit sample javascript project and am trying to set up the simple-react-app. I ran npm install and added my app id in the .env file, but I’m getting “Something went wrong” errors on the chat page and no debug logs show up in console.

Clicking retry shows this error:

image
image2010×1680 232 KB

I have one existing group channel that I set up for testing in my app.

2

@Caleb_Tan

Thanks for reporting the issue, looks like they are two separate problems, anyways, let me check simple-react-app and get back to you

3

@Caleb_Tan

So, there are two issues ->

  1. Something went wrong page. For this I need a bit more information -
  • Go to SendBird-JavaScript/uikit-samples/simple-react-app/src/App.js. Please make the changes below:
  <div className="App">
      <SendBirdApp
        appId={process.env.APP_ID}
        userId="sendbird" // please use your own userId and nickname
        nickname="sendbird"
        // add this prop to see the logs
        config={{ logLevel: 'all' }}
      />
  </div>

Now, you should be able to see the logs

  1. Is an issue with retry button, we will fix it in soon
4

Thanks for your help @Sravan_S. Seems like the issue was that I wasn’t passing an access token to my component.

1 Like
5

Thanks for the feedback, I will make this more explicit on the README