Is it possible to update accessToken in SendbirdProvider after initialization?

Sendbird Chat UIKit React
1

Hi. I’m using Sendbird UIKit React in my Next.js-based application. During the initialization of SendbirdProvider, I pass the appId, userId, and accessToken. Unfortunately, the accessToken is only available after the app has loaded, when I read the userId from the user’s cookies and send a request to the backend to get the accessToken. This causes several issues in the application. My current implementation looks like this:

import SBProvider from '@sendbird/uikit-react/SendbirdProvider';

type Props = {
  children: React.ReactNode;
  appId: string;
  userId: string;
  accessToken?: string;
};

export const SendbirdProvider = ({ children, userId, appId, accessToken }: Props) => {
  return accessToken ? (
    <SBProvider appId={appId} userId={userId} accessToken={accessToken}>
      {children}
    </SBProvider>
  ) : (
    children
  );
};

Is it possible to initialize SendbirdProvider without the accessToken and update the token later once it becomes available?

"next": "15.2.3"
"@sendbird/chat": "4.19.1"
"@sendbird/uikit-react": "3.16.9"
2

I managed to create a CustomChatProvider using @sendbird/chat, which refreshes the accessToken. I use it to check the number of unread messages. Unfortunately, the components from the @sendbird/uikit-react package are tightly coupled with useSendbirdStateContext, which makes it impossible to use CustomChatProvider. It’s a pity.