[Problem/Question]
Using GroupChannel component, when opening chat and scrolling chat history I get this warning:
client.ts:59 Warning: React has detected a change in the order of Hooks called by ForwardRef. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: Rules of Hooks – React
Previous render Next render
- useRef useRef
- useRef useRef
- useRef useRef
- useLayoutEffect useLayoutEffect
- useLayoutEffect useLayoutEffect
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- useContext useContext
- undefined useContext
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
at eval (webpack-internal:///./node_modules/@sendbird/uikit-react/GroupChannel/components/MessageList.js:247:26)
at div
at MessageList (webpack-internal:///./node_modules/@sendbird/uikit-react/GroupChannel/components/MessageList.js:326:20)
at div
at GroupChannelUIView (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-CN_Mih_g.js:22:27)
at GroupChannelUI (webpack-internal:///./node_modules/@sendbird/uikit-react/GroupChannel/components/GroupChannelUI.js:281:86)
at UserProfileProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-Bf5Ke1Ji.js:50:17)
at GroupChannelProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/GroupChannel/context.js:314:28)
at GroupChannel
at div
at div
at Chat (webpack-internal:///./src/components/chat-widget/components/Chat.tsx:38:11)
at UserProfileProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-Bf5Ke1Ji.js:50:17)
at GroupChannelProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/GroupChannel/context.js:314:28)
at GlobalModalProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-B9xsVlQn.js:315:23)
at VoiceRecorderProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-B9xsVlQn.js:208:26)
at VoicePlayerProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-sRYcP5q3.js:142:23)
at VoiceMessageProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/SendbirdProvider.js:736:23)
at LocalizationProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-DXcj9DUU.js:499:26)
at MediaQueryProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/chunks/bundle-CC2mP1L3.js:35:26)
at SendbirdSDK (webpack-internal:///./node_modules/@sendbird/uikit-react/SendbirdProvider.js:1070:20)
at UIKitConfigProvider (webpack-internal:///./node_modules/@sendbird/uikit-tools/dist/esm/uikitConfiguration/internal/context.js:39:32)
at SendbirdProvider (webpack-internal:///./node_modules/@sendbird/uikit-react/SendbirdProvider.js:1044:30)
// If problem, please fill out the below. If question, please delete.
[UIKit Version]
3.15.9
[Reproduction Steps]
// Please provide reproduction steps and, if possible, code snippets.
[Frequency]
// How frequently is this issue occurring?
[Current impact]
// How is this currently impacting your implementation?