Support for react-native-agora 4.0.0

[nbonatsakis]

Target device: (Note: simulators are not supported for running the UIKit)

• Device: iPhone 14 Pro Max
• OS:
  • [X] IOS
  • [ ] Android
• OS Version: 16

App Info

• Type:
  • [ ] React Native CLI
  • [X] Expo CLI (using custom development clients)
• CLI Version: 46

Describe the issue

We are trying to update to the latest version of react-native-agora (4.0.0) and running into the following TypeScript errors using v4.0.2 of agora-rn-uikit:

node_modules/agora-rn-uikit/index.ts:5:32 - error TS2724: '"react-native-agora"' has no exported member named 'VideoRenderMode'. Did you mean 'VideoDenoiserMode'?

5 export {StreamFallbackOptions, VideoRenderMode} from 'react-native-agora';
                                 ~~~~~~~~~~~~~~~

  node_modules/react-native-agora/lib/typescript/AgoraBase.d.ts:3058:21
    3058 export declare enum VideoDenoiserMode {
                             ~~~~~~~~~~~~~~~~~
    'VideoDenoiserMode' is declared here.

node_modules/agora-rn-uikit/src/AgoraUIKit.tsx:29:10 - error TS2559: Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & Partial<RtcPropsInterface>'.

29         <RtcConfigure>
            ~~~~~~~~~~~~

node_modules/agora-rn-uikit/src/AgoraUIKit.tsx:37:16 - error TS2559: Type '{ children: Element[]; }' has no properties in common with type 'IntrinsicAttributes'.

37               <RtmConfigure>
                  ~~~~~~~~~~~~

To Reproduce Steps to reproduce the behavior:

1. Install latest version of both libraries.
2. Run yarn tsc

[EkaanshArora]

Released with v5.0.0