Confusing error with React UIKit Channel Provider

Sendbird Chat UIKit React
1

[Problem/Question]

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:

image
image1920×1063 130 KB

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 />
        </ChannelProvider>
      </SendbirdProvider >
    </div>
  );
}

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]
3.7.0

[Reproduction Steps]

Thank you in advance for taking a look.