I'm getting below error

Uncaught (in promise) RtmInvalidStatusError:  Error Code 5 - The channel does not join. Cannot do the operation.

when trying to send message via

const sendMessage = async () => {
  const bytes = new Uint8Array([97, 100, 100, 83, 116, 114, 111, 107, 101, 80, 111, 105, 110, 116, 115, 58, 0, 4, 61, 7, -57, 126, -67, -11, -52, 99, -66, -8, 123, 33, 0, 4, 61, 8, -102, -108, -67, -37, -59, -91, -66, -7, -3, 108, 0, 4, 61, 3, -69, 20, -67, -59, -126, -67, -66, -5, 47, -62, 0, 4, 60, -7, 12, 19, -67, -81, 124, -67, -66, -4, 66, -20])
        await rtmChannel?.sendMessage({ rawMessage: bytes })
}

Running on npm install agora-rtm-react on newly created react app

using npx create-react-app my-app --template typescript

gives this error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]0
npm ERR! node_modules/react
npm ERR!   [email protected]"^18.2.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer [email protected]"^16.0.0 || ^17" from [email protected]
npm ERR! node_modules/agora-rtm-react
npm ERR!   [email protected]"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /home/codespace/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/codespace/.npm/_logs/2022-07-30T10_52_19_973Z-debug-0.log

createClient() won't accept an environment variable.

I'm trying to use environment variables inside createClient() like this:

const useRtmClient = createClient(${agoraAppId});

But I get this error when I do: RtmInvalidArgumentError: Error Code 1 - The appId in the arguments is invalid

If instead I do

const useRtmClient = createClient('#####');

There is no error.

I'm currently playing around with a prototype using both agora-rtc-react and agora-rtm-react.

I plan to use the agora-rtc-react for the video call while agora-rtm-react for communicating between connected clients. I'm currently encountering below error whenever I try to connect to both.

Current app structure gist

const App = () => {
  const { ready, tracks } = useMicrophoneAndCameraTracks();

  const rtcClient = useRtcClient();
  const rtmClient = useRtmClient()
  const rtmChannel = useChannel(rtmClient)

  useEffect(() => {
    // function to initialise the SDK
    const init = async (name: string) => {
      
      try  {
        await rtcClient.join(appId, name, null, 0);
        await rtmClient.login({ uid: '123' })
        await rtmChannel.join()

        if (tracks) await rtcClient.publish([tracks[0], tracks[1]]);
      } catch (err) {
        console.error('@@@ERR', err)
      }
    };

    if (ready && tracks) {
      console.log('init ready');
      init(channelName)
    }
  }, [rtcClient, ready, tracks, rtmChannel, rtmClient]);

  return /* components here */
};

I'm getting below error:

AgoraRTCException: AgoraRTCError INVALID_OPERATION: [client-5f56d] Client already in connecting/connected state

Hello, when i try to import agora-rtm-react in nextjs

import { createClient, createLazyChannel } from 'agora-rtm-react'

I get a 'Window is not defined' error that I can't fix.

I know there are a few solutions posted for agora-rtm-sdk but I don't know how to use those to import non-default exports.

https://github.com/AgoraIO/RTM/issues/152#issuecomment-1225501069

There currently is a likely conversion/communication problem between different platforms.

Example data sent from native that supports ByteArray is turned into UInt8Array

From ByteArray: [97, 114, 69, 110, 118, 8[97, 114, 69, 110, 118, 80, 97, 114, 97, 109, 58, 63, -128]

to Uint8Array [97, 114, 69, 110, 118, 8[97, 114, 69, 110, 118, 80, 97, 114, 97, 109, 58, 63, 128

The negative is gone.