SendBird UI stuck on loading state and on click on create group, an error is thrown

Sendbird Chat UIKit React
1

[Problem/Question]
I have installed the sendbird react SDK and integrated with sendbird like this

<div style={{ width: '100vw', height: '100vh' }}>
            <SendbirdApp
                appId={appId}
                userId={userId}
                accessToken={userAccessToken}
            />
        </div>

but I keep getting the error below

image
image2570×1358 106 KB

And when I click on create group I get this error

Uncaught TypeError: sdk.createApplicationUserListQuery is not a function
    at createDefaultUserListQuery (@sendbird_uikit-react.js?v=59fa7f6c:40880:20)
    at @sendbird_uikit-react.js?v=59fa7f6c:40907:70
    at commitHookEffectListMount (chunk-7NBZTFPV.js?v=59fa7f6c:24362:34)
    at commitPassiveMountOnFiber (chunk-7NBZTFPV.js?v=59fa7f6c:25610:19)
    at commitPassiveMountEffects_complete (chunk-7NBZTFPV.js?v=59fa7f6c:25583:17)
    at commitPassiveMountEffects_begin (chunk-7NBZTFPV.js?v=59fa7f6c:25573:15)
    at commitPassiveMountEffects (chunk-7NBZTFPV.js?v=59fa7f6c:25563:11)
    at flushPassiveEffectsImpl (chunk-7NBZTFPV.js?v=59fa7f6c:26944:11)
    at flushPassiveEffects (chunk-7NBZTFPV.js?v=59fa7f6c:26901:22)
    at commitRootImpl (chunk-7NBZTFPV.js?v=59fa7f6c:26870:13)
createDefaultUserListQuery @ @sendbird_uikit-react.js?v=59fa7f6c:40880
(anonymous) @ @sendbird_uikit-react.js?v=59fa7f6c:40907
commitHookEffectListMount @ chunk-7NBZTFPV.js?v=59fa7f6c:24362
commitPassiveMountOnFiber @ chunk-7NBZTFPV.js?v=59fa7f6c:25610
commitPassiveMountEffects_complete @ chunk-7NBZTFPV.js?v=59fa7f6c:25583
commitPassiveMountEffects_begin @ chunk-7NBZTFPV.js?v=59fa7f6c:25573
commitPassiveMountEffects @ chunk-7NBZTFPV.js?v=59fa7f6c:25563
flushPassiveEffectsImpl @ chunk-7NBZTFPV.js?v=59fa7f6c:26944
flushPassiveEffects @ chunk-7NBZTFPV.js?v=59fa7f6c:26901
commitRootImpl @ chunk-7NBZTFPV.js?v=59fa7f6c:26870
commitRoot @ chunk-7NBZTFPV.js?v=59fa7f6c:26731
performSyncWorkOnRoot @ chunk-7NBZTFPV.js?v=59fa7f6c:26349
flushSyncCallbacks @ chunk-7NBZTFPV.js?v=59fa7f6c:16561
(anonymous) @ chunk-7NBZTFPV.js?v=59fa7f6c:26081
Show 14 more frames
Show less
raygun.js:4542 The above error occurred in the <InviteUsers> component:

    at InviteUsers (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:40891:22)
    at CreateChannel (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:41082:24)
    at CreateChannelProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:40831:24)
    at CreateChannel2
    at AddGroupChannelView (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:41107:34)
    at AddGroupChannel (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:41131:42)
    at div
    at div
    at Header (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:28636:23)
    at GroupChannelListHeader (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:40234:25)
    at div
    at GroupChannelListUIView (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:40500:26)
    at GroupChannelListUI (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:41139:28)
    at div
    at UserProfileProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:27378:17)
    at GroupChannelListProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:40133:24)
    at GroupChannelList
    at div
    at div
    at DesktopLayout (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:53634:33)
    at AppLayout (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:53918:40)
    at GlobalModalProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:25800:22)
    at VoiceRecorderProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:25689:24)
    at VoicePlayerProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:25094:22)
    at VoiceMessageProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:26807:22)
    at LocalizationProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:20386:24)
    at MediaQueryProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:20419:24)
    at SendbirdSDK (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:27136:19)
    at UIKitConfigProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:18484:30)
    at SendbirdProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:27107:24)
    at App (http://192.168.228.11:8085/node_modules/.vite/deps/@sendbird_uikit-react.js?v=59fa7f6c:53934:21)
    at div
    at Chat (http://192.168.228.11:8085/src/scenes/chat/index.tsx?t=1719829392260:32:49)
    at RenderedRoute (http://192.168.228.11:8085/node_modules/.vite/deps/chunk-QG3YNWV6.js?v=59fa7f6c:3655:5)
    at Outlet (http://192.168.228.11:8085/node_modules/.vite/deps/chunk-QG3YNWV6.js?v=59fa7f6c:4096:26)
    at main
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:2643:42
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:5463:43
    at div
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:2643:42
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:5463:43
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:11500:22
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:21903:25
    at Layout
    at RenderedRoute (http://192.168.228.11:8085/node_modules/.vite/deps/chunk-QG3YNWV6.js?v=59fa7f6c:3655:5)
    at RenderErrorBoundary (http://192.168.228.11:8085/node_modules/.vite/deps/chunk-QG3YNWV6.js?v=59fa7f6c:3615:5)
    at DataRoutes (http://192.168.228.11:8085/node_modules/.vite/deps/react-router-dom.js?v=59fa7f6c:554:5)
    at Router (http://192.168.228.11:8085/node_modules/.vite/deps/chunk-QG3YNWV6.js?v=59fa7f6c:4103:15)
    at RouterProvider (http://192.168.228.11:8085/node_modules/.vite/deps/react-router-dom.js?v=59fa7f6c:371:5)
    at Router
    at Mf (http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:5515:21)
    at An (http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:3212:18)
    at Bt (http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:2671:14)
    at Cf (http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:5487:24)
    at If (http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:5526:21)
    at http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:8809:39
    at aG (http://192.168.228.11:8085/node_modules/.vite/deps/@testlio_panthera-v2.js?v=59fa7f6c:21854:23)
    at ApolloProvider (http://192.168.228.11:8085/node_modules/.vite/deps/@apollo_client.js?v=59fa7f6c:6440:19)
    at _a (http://192.168.228.11:8085/node_modules/.vite/deps/react-helmet-async.js?v=59fa7f6c:655:5)
    at App
    at IntlProvider3 (http://192.168.228.11:8085/node_modules/.vite/deps/react-intl.js?v=59fa7f6c:4486:45)
    at IntlProvider

What could be wrong?

[Current impact]
I am blocked here and cannot proceed

1 Like
2

I have the same issue. Is there any solution for this?