Confusing error with React UIKit Channel Provider


EDIT: Reverting to version 3.6.0 resolved this issue.

I’m getting an error when using sendUserMessage from the sendbirdSelectors.getSendUserMessage selector inside of the ChannelProvider component.

Here is the error:

Here is a Github repo link to a minimal reproduction of the error using a new create-react-app. Here is a snippet the same code at a glance.

function App() {
  return (
    <div className="App">
      <SendbirdProvider appId={APP_ID} userId={USER_ID} accessToken={ACCESS_TOKEN}>
        <ChannelProvider channelUrl={CHANNEL_URL}>
          <Chat />
      </SendbirdProvider >

function Chat() {
  const globalStore = useSendbirdStateContext();
  const getGroupChannel = sendbirdSelectors.getGetGroupChannel(globalStore);
  const sendUserMessage = sendbirdSelectors.getSendUserMessage(globalStore);

  // error happens when `sendUserMessage` is called
  // interestingly, if ChannelProvider is removed, no error occurs 
  const handleClick = async () => {
    const groupChannel = await getGroupChannel(CHANNEL_URL)
    sendUserMessage(groupChannel, {
      message: "Hello World!"

  return (
    <button onClick={handleClick}>Click</button>

[UIKit Version]

[Reproduction Steps]

Thank you in advance for taking a look.