diff --git a/example/src/renderer/examples/advanced/JoinMultipleChannel/JoinMultipleChannel.tsx b/example/src/renderer/examples/advanced/JoinMultipleChannel/JoinMultipleChannel.tsx
index 704e2c37e..9a21d6e2f 100644
--- a/example/src/renderer/examples/advanced/JoinMultipleChannel/JoinMultipleChannel.tsx
+++ b/example/src/renderer/examples/advanced/JoinMultipleChannel/JoinMultipleChannel.tsx
@@ -8,7 +8,6 @@ import {
   RtcConnection,
   RtcStats,
   UserOfflineReasonType,
-  VideoCanvas,
   createAgoraRtcEngine,
 } from 'agora-electron-sdk';
 import React, { ReactElement } from 'react';
@@ -17,14 +16,7 @@ import {
   BaseComponent,
   BaseVideoComponentState,
 } from '../../../components/BaseComponent';
-import {
-  AgoraButton,
-  AgoraCard,
-  AgoraList,
-  AgoraText,
-  AgoraTextInput,
-  RtcSurfaceView,
-} from '../../../components/ui';
+import { AgoraButton, AgoraList, AgoraTextInput } from '../../../components/ui';
 import Config from '../../../config/agora.config';
 import { askMediaAccess } from '../../../utils/permissions';
 
@@ -446,8 +438,11 @@ export default class JoinMultipleChannel
             renderItem={(item) => {
               return this.renderVideo(
                 { uid: item },
-                remoteUsers2.indexOf(item) === -1 ? channelId : channelId2,
-                remoteUsers2.indexOf(item) === -1 ? uid : uid2
+                {
+                  channelId:
+                    remoteUsers2.indexOf(item) === -1 ? channelId : channelId2,
+                  localUid: remoteUsers2.indexOf(item) === -1 ? uid : uid2,
+                }
               );
             }}
           />
@@ -456,19 +451,6 @@ export default class JoinMultipleChannel
     );
   }
 
-  protected renderVideo(
-    user: VideoCanvas,
-    channelId?: string,
-    localUid?: number
-  ): ReactElement | undefined {
-    return (
-      <AgoraCard title={`${channelId} - ${user.uid}`}>
-        <AgoraText>Click view to mirror</AgoraText>
-        <RtcSurfaceView canvas={user} connection={{ channelId, localUid }} />
-      </AgoraCard>
-    );
-  }
-
   protected renderAction(): ReactElement | undefined {
     const { joinChannelSuccess, joinChannelSuccess2 } = this.state;
     return (
diff --git a/ts/Utils.ts b/ts/Utils.ts
index 19830efec..683b92a31 100644
--- a/ts/Utils.ts
+++ b/ts/Utils.ts
@@ -193,5 +193,5 @@ export const AgoraEnv: AgoraEnvType = {
   enableWebCodecsDecoder: false,
   encodeAlpha: false,
   videoFallbackStrategy: VideoFallbackStrategy.PerformancePriority,
-  maxDecodeRetryCount: 100,
+  maxDecodeRetryCount: 50,
 };