Sendbird problem with react router dom

Sendbird Chat UIKit React
1

Hi there! I’m creating an application with Sendbird integration and I got a problem when use Sendbird with react-router-dom. It sometimes shows ‘no channel’ although I have so many channels. Please watch the videos below and help me solve the problem. Appreciate that!

Here is the github repo, use can run and see the problem:

2

I had this happening to me a lot when working locally, but hardly any when deployed to a cloud infra.
Recently, it doesn’t happen anymore on localhost.
So either that was a bug on server side, or some code I changed on my side.

I suggest:

  1. Upgrade sendbird UI Kit to latest version
  2. If you are using sendbird JS SDK as well, update it to the latest, and make sure you are not initializing it (you can get an instance of the sdk via sendbird ui kit hooks).
  3. If you are using tokens make sure you don’t render the Sendbird App when the token is not ready.
  4. Clear cache and localStorage

Your repo looks fairly simple.
I hope someone from Sendbird can comment because you are not alone in this.