I've cloned the reactjs example and added my key and secret and did npm install .. and when I did "npm start" I got a lot of errors

noureddinbadran · August 13, 2023, 11:09am

ERROR in src/component/icon-font.tsx:84:23
TS2741: Property ‘rev’ is missing in type ‘{ component: any; style: any; }’ but required in type ‘Pick<IconComponentProps, “type” | “style” | “max” | “required” | “data” | “default” | “high” | “low” | “key” | “id” | “media” | “height” | “width” | “start” | … 351 more … | “component”>’.
82 | const { type, style } = props;
83 | const component = iconComponentMap[type];

84 | return component ? <Icon component={component} style={{ …(style || {}) }} /> : null;
| ^^^^
85 | };
86 |

ERROR in src/component/loading-layer.tsx:9:8
TS2741: Property ‘rev’ is missing in type ‘{ style: { fontSize: string; color: “#fff”; }; }’ but required in type ‘Pick<AntdIconProps, “type” | “style” | “max” | “required” | “data” | “default” | “high” | “low” | “key” | “id” | “media” | “height” | “width” | “start” | “open” | “name” | … 347 more … | “twoToneColor”>’.
7 | return (
8 |

9 | <LoadingOutlined style={{ fontSize: ‘86px’, color: ‘#fff’ }} />
| ^^^^^^^^^^^^^^^
10 |
{content}

11 |

12 | );

chunsiong.zoom · August 14, 2023, 1:27am

@noureddinbadran ,

Are you using version 1.8.5 (updated 5 days ago) from GitHub - zoom/videosdk-web-sample: Zoom Video SDK web sample ?

I’ve just tested it with node 16.20.0 with npm 8.19.4 and it works fine.

go1 · August 24, 2023, 2:19am

Im experiencing the same issue with node 20.5.0 and npm 9.8.0 should I downgrade?

go1 · August 24, 2023, 3:58am

@chunsiong.zoom just tested with node 16.20.4 and npm 8.19.4

I make sure the SDK points to 1.8.5 instead of ^1.8.5 and I have the same outcome:

webpack compiled successfully
ERROR in src/component/icon-font.tsx:80:23
TS2741: Property 'rev' is missing in type '{ component: any; style: any; }' but required in type 'Pick<IconComponentProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | ... 351 more ... | "component">'.
    78 |   const { type, style } = props;
    79 |   const component = iconComponentMap[type];
  > 80 |   return component ? <Icon component={component} style={{ ...(style || {}) }} /> : null;
       |                       ^^^^
    81 | };
    82 |

ERROR in src/component/loading-layer.tsx:9:8
TS2741: Property 'rev' is missing in type '{ style: { fontSize: string; color: "#fff"; }; }' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
     7 |   return (
     8 |     <div className="loading-layer">
  >  9 |       <LoadingOutlined style={{ fontSize: '86px', color: '#fff' }} />
       |        ^^^^^^^^^^^^^^^
    10 |       <p className="loading-text">{content}</p>
    11 |     </div>
    12 |   );

ERROR in src/feature/chat/component/chat-message-item.tsx:26:86
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    24 |     <div className={classNames('chat-message-item', { myself: isCurrentUser })}>
    25 |       <Button className="chat-message-avatar" onClick={onAvatarClick} ghost shape="circle" size="large">
  > 26 |         {avatar ? <img src={avatar} className="chat-message-avatar-img" alt="" /> : <UserOutlined />}
       |                                                                                      ^^^^^^^^^^^^
    27 |       </Button>
    28 |       <div className="chat-message-content">
    29 |         <div className={classNames('chat-message-info', { myself: isCurrentUser })}>

ERROR in src/feature/chat/component/chat-receiver.tsx:40:58
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    38 |         selected: item.userId === selectedChatUser?.userId
    39 |       })}
  > 40 |       icon={item.userId === selectedChatUser?.userId && <CheckOutlined />}
       |                                                          ^^^^^^^^^^^^^
    41 |     >
    42 |       {item.displayName}
    43 |       {(item.isCoHost || item.isHost) && (

ERROR in src/feature/chat/component/chat-receiver.tsx:80:48
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    78 |           selected: item.value === chatPrivilege
    79 |         })}
  > 80 |         icon={item.value === chatPrivilege && <CheckOutlined />}
       |                                                ^^^^^^^^^^^^^
    81 |       >
    82 |         {item.name}
    83 |       </MenuItem>

ERROR in src/feature/chat/component/chat-receiver.tsx:99:46
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
     97 |         <Dropdown overlay={menu} placement="topLeft" trigger={['click']}>
     98 |           <Button className="chat-receiver-button">
  >  99 |             {selectedChatUser?.displayName} <DownOutlined />
        |                                              ^^^^^^^^^^^^
    100 |           </Button>
    101 |         </Dropdown>
    102 |       </div>

ERROR in src/feature/chat/component/chat-receiver.tsx:106:14
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    104 |         <Dropdown overlay={privilegeMenu} placement="topRight" trigger={['click']}>
    105 |           <Button className="chat-privilege-button">
  > 106 |             <DashOutlined />
        |              ^^^^^^^^^^^^
    107 |           </Button>
    108 |         </Dropdown>
    109 |       )}

ERROR in src/feature/command/component/cmd-message-item.tsx:26:86
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    24 |     <div className={classNames('chat-message-item', { myself: isCurrentUser })}>
    25 |       <Button className="chat-message-avatar" onClick={onAvatarClick} ghost shape="circle" size="large">
  > 26 |         {avatar ? <img src={avatar} className="chat-message-avatar-img" alt="" /> : <UserOutlined />}
       |                                                                                      ^^^^^^^^^^^^
    27 |       </Button>
    28 |       <div className="chat-message-content">
    29 |         <div className={classNames('chat-message-info', { myself: isCurrentUser })}>

ERROR in src/feature/command/component/cmd-receiver.tsx:24:58
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    22 |         selected: item.userId === selectedChatUser?.userId
    23 |       })}
  > 24 |       icon={item.userId === selectedChatUser?.userId && <CheckOutlined />}
       |                                                          ^^^^^^^^^^^^^
    25 |     >
    26 |       {currentUserId === item.userId ? item.displayName + '(Me)' : item.displayName}
    27 |       {(item?.isCoHost || item?.isHost) && (

ERROR in src/feature/command/component/cmd-receiver.tsx:54:46
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    52 |         <Dropdown overlay={menu} placement="topLeft" trigger={['click']}>
    53 |           <Button className="chat-receiver-button">
  > 54 |             {selectedChatUser?.displayName} <DownOutlined />
       |                                              ^^^^^^^^^^^^
    55 |           </Button>
    56 |         </Dropdown>
    57 |       </div>

ERROR in src/feature/video/components/avatar.tsx:50:96
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    48 |   if (advancedFeature?.adjustVolumn.enabled) {
    49 |     menu.push(
  > 50 |       getAntdItem('Adjust volume locally', 'volume', advancedFeature?.adjustVolumn.toggled && <CheckOutlined />)
       |                                                                                                ^^^^^^^^^^^^^
    51 |     );
    52 |   }
    53 |   if (advancedFeature?.farEndCameraControl.enabled) {

ERROR in src/feature/video/components/avatar.tsx:71:46
TS2741: Property 'rev' is missing in type '{ style: { color: "#f00"; }; }' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    69 |       {(bVideoOn || (audio === 'computer' && muted)) && (
    70 |         <div className="corner-name">
  > 71 |           {audio === 'computer' && muted && <AudioMutedOutlined style={{ color: '#f00' }} />}
       |                                              ^^^^^^^^^^^^^^^^^^
    72 |           {bVideoOn && networkQuality !== undefined && (
    73 |             <IconFont
    74 |               type={`icon-network-${

ERROR in src/feature/video/components/avatar.tsx:93:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    91 |         >
    92 |           <Button
  > 93 |             icon={<MoreOutlined />}
       |                    ^^^^^^^^^^^^
    94 |             className={classNames('more-button', {
    95 |               'more-button-active': isHover || isDropdownVisible
    96 |             })}

ERROR in src/feature/video/components/camera.tsx:67:85
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    65 |         undefined,
    66 |         cameraList.map((item) =>
  > 67 |           getAntdItem(item.label, item.deviceId, item.deviceId === activeCamera && <CheckOutlined />)
       |                                                                                     ^^^^^^^^^^^^^
    68 |         ),
    69 |         'group'
    70 |       ),

ERROR in src/feature/video/components/camera.tsx:76:80
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    74 |         undefined,
    75 |         videoPlaybacks.map((item) =>
  > 76 |           getAntdItem(item.title, item.url, item.url === activePlaybackUrl && <CheckOutlined />)
       |                                                                                ^^^^^^^^^^^^^
    77 |         ),
    78 |         'group'
    79 |       ),

ERROR in src/feature/video/components/camera.tsx:81:63
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    79 |       ),
    80 |       getAntdItem('', 'd1', undefined, undefined, 'divider'),
  > 81 |       getAntdItem('Mirror My Video', 'mirror', isMirrored && <CheckOutlined />),
       |                                                               ^^^^^^^^^^^^^
    82 |       mediaStream?.isSupportVirtualBackground()
    83 |         ? getAntdItem('Blur My Background', 'blur', isBlur && <CheckOutlined />)
    84 |         : undefined,

ERROR in src/feature/video/components/camera.tsx:83:64
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    81 |       getAntdItem('Mirror My Video', 'mirror', isMirrored && <CheckOutlined />),
    82 |       mediaStream?.isSupportVirtualBackground()
  > 83 |         ? getAntdItem('Blur My Background', 'blur', isBlur && <CheckOutlined />)
       |                                                                ^^^^^^^^^^^^^
    84 |         : undefined,
    85 |       getAntdItem('', 'd2', undefined, undefined, 'divider'),
    86 |       getAntdItem('Video Statistic', 'statistic')

ERROR in src/feature/video/components/camera.tsx:98:18
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
     96 |           trigger={['click']}
     97 |           type="ghost"
  >  98 |           icon={<UpOutlined />}
        |                  ^^^^^^^^^^
     99 |           placement="topRight"
    100 |         >
    101 |           <VideoCameraOutlined />

ERROR in src/feature/video/components/camera.tsx:101:12
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
     99 |           placement="topRight"
    100 |         >
  > 101 |           <VideoCameraOutlined />
        |            ^^^^^^^^^^^^^^^^^^^
    102 |         </Dropdown.Button>
    103 |       ) : (
    104 |         <Tooltip title={`${isStartedVideo ? 'stop camera' : 'start camera'}`}>

ERROR in src/feature/video/components/camera.tsx:107:37
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    105 |           <Button
    106 |             className={classNames('vc-button', className)}
  > 107 |             icon={isStartedVideo ? <VideoCameraOutlined /> : <VideoCameraAddOutlined />}
        |                                     ^^^^^^^^^^^^^^^^^^^
    108 |             ghost={true}
    109 |             shape="circle"
    110 |             size="large"

ERROR in src/feature/video/components/camera.tsx:107:63
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    105 |           <Button
    106 |             className={classNames('vc-button', className)}
  > 107 |             icon={isStartedVideo ? <VideoCameraOutlined /> : <VideoCameraAddOutlined />}
        |                                                               ^^^^^^^^^^^^^^^^^^^^^^
    108 |             ghost={true}
    109 |             shape="circle"
    110 |             size="large"

ERROR in src/feature/video/components/leave.tsx:26:14
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    24 |       type="ghost"
    25 |       onClick={onLeaveClick}
  > 26 |       icon={<UpOutlined />}
       |              ^^^^^^^^^^
    27 |       placement="topRight"
    28 |     >
    29 |       <IconFont type="icon-leave" />

ERROR in src/feature/video/components/microphone.tsx:58:96
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    56 |         undefined,
    57 |         microphoneList.map((i) =>
  > 58 |           getAntdItem(i.label, `microphone|${i.deviceId}`, activeMicrophone === i.deviceId && <CheckOutlined />)
       |                                                                                                ^^^^^^^^^^^^^
    59 |         ),
    60 |         'group'
    61 |       )

ERROR in src/feature/video/components/microphone.tsx:72:90
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    70 |         undefined,
    71 |         speakerList.map((i) =>
  > 72 |           getAntdItem(i.label, `speaker|${i.deviceId}`, activeSpeaker === i.deviceId && <CheckOutlined />)
       |                                                                                          ^^^^^^^^^^^^^
    73 |         ),
    74 |         'group'
    75 |       )

ERROR in src/feature/video/components/microphone.tsx:107:18
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    105 |           trigger={['click']}
    106 |           type="ghost"
  > 107 |           icon={<UpOutlined />}
        |                  ^^^^^^^^^^
    108 |           placement="topRight"
    109 |           disabled={disabled}
    110 |         >

ERROR in src/feature/video/components/microphone.tsx:115:16
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    113 |               <IconFont type="icon-phone-off" />
    114 |             ) : (
  > 115 |               <AudioMutedOutlined />
        |                ^^^^^^^^^^^^^^^^^^
    116 |             )
    117 |           ) : audio === 'phone' ? (
    118 |             <IconFont type="icon-phone" />

ERROR in src/feature/video/components/microphone.tsx:120:14
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    118 |             <IconFont type="icon-phone" />
    119 |           ) : (
  > 120 |             <AudioOutlined />
        |              ^^^^^^^^^^^^^
    121 |           )}
    122 |         </DropdownButton>
    123 |       ) : (

ERROR in src/feature/video/components/microphone.tsx:133:22
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    131 |               trigger={['click']}
    132 |               type="ghost"
  > 133 |               icon={<UpOutlined />}
        |                      ^^^^^^^^^^
    134 |               placement="topRight"
    135 |             >
    136 |               <IconFont type="icon-headset" />

ERROR in src/feature/video/components/pagination.tsx:31:16
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    29 |         key="left"
    30 |         className="previous-page-button"
  > 31 |         icon={<CaretLeftOutlined />}
       |                ^^^^^^^^^^^^^^^^^
    32 |         ghost={true}
    33 |         onClick={toPreviousPage}
    34 |       >

ERROR in src/feature/video/components/pagination.tsx:37:63
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    35 |         {pageIndication}
    36 |       </Button>
  > 37 |       <Button key="right" className="next-page-button" icon={<CaretRightOutlined />} ghost={true} onClick={toNextPage}>
       |                                                               ^^^^^^^^^^^^^^^^^^
    38 |         {pageIndication}
    39 |       </Button>
    40 |     </div>

ERROR in src/feature/video/components/remote-control.tsx:57:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    55 |         <div className="zoom-control">
    56 |           <Button
  > 57 |             icon={<PlusSquareOutlined />}
       |                    ^^^^^^^^^^^^^^^^^^
    58 |             onMouseDown={() => {
    59 |               controlRef.current = zoomIn;
    60 |               setIsPressing(true);

ERROR in src/feature/video/components/remote-control.tsx:67:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    65 |           />
    66 |           <Button
  > 67 |             icon={<MinusSquareOutlined />}
       |                    ^^^^^^^^^^^^^^^^^^^
    68 |             onMouseDown={() => {
    69 |               controlRef.current = zoomOut;
    70 |               setIsPressing(true);

ERROR in src/feature/video/components/remote-control.tsx:81:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    79 |             type="link"
    80 |             className="turn-up"
  > 81 |             icon={<CaretUpOutlined />}
       |                    ^^^^^^^^^^^^^^^
    82 |             onMouseDown={() => {
    83 |               controlRef.current = turnUp;
    84 |               setIsPressing(true);

ERROR in src/feature/video/components/remote-control.tsx:93:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    91 |             type="link"
    92 |             className="turn-right"
  > 93 |             icon={<CaretRightOutlined />}
       |                    ^^^^^^^^^^^^^^^^^^
    94 |             onMouseDown={() => {
    95 |               controlRef.current = turnRight;
    96 |               setIsPressing(true);

ERROR in src/feature/video/components/remote-control.tsx:105:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    103 |             type="link"
    104 |             className="turn-left"
  > 105 |             icon={<CaretLeftOutlined />}
        |                    ^^^^^^^^^^^^^^^^^
    106 |             onMouseDown={() => {
    107 |               controlRef.current = turnLeft;
    108 |               setIsPressing(true);

ERROR in src/feature/video/components/remote-control.tsx:117:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    115 |             type="link"
    116 |             className="turn-down"
  > 117 |             icon={<CaretDownOutlined />}
        |                    ^^^^^^^^^^^^^^^^^
    118 |             onMouseDown={() => {
    119 |               controlRef.current = turnDown;
    120 |               setIsPressing(true);

ERROR in src/feature/video/components/remote-control.tsx:129:20
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    127 |             type="link"
    128 |             className="center-button"
  > 129 |             icon={<RetweetOutlined />}
        |                    ^^^^^^^^^^^^^^^
    130 |             onClick={() => {
    131 |               switchCamera();
    132 |             }}

ERROR in src/feature/video/components/screen-share.tsx:30:52
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    28 |       'Lock share',
    29 |       `${SharePrivilege.Locked}`,
  > 30 |       sharePrivilege === SharePrivilege.Locked && <CheckOutlined />
       |                                                    ^^^^^^^^^^^^^
    31 |     ),
    32 |     getAntdItem(
    33 |       'One participant can share at a time',

ERROR in src/feature/video/components/screen-share.tsx:35:54
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    33 |       'One participant can share at a time',
    34 |       `${SharePrivilege.Unlocked}`,
  > 35 |       sharePrivilege === SharePrivilege.Unlocked && <CheckOutlined />
       |                                                      ^^^^^^^^^^^^^
    36 |     ),
    37 |     getAntdItem(
    38 |       'Multiple participants can share simultaneously',

ERROR in src/feature/video/components/screen-share.tsx:40:59
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    38 |       'Multiple participants can share simultaneously',
    39 |       `${SharePrivilege.MultipleShare}`,
  > 40 |       sharePrivilege === SharePrivilege.MultipleShare && <CheckOutlined />
       |                                                           ^^^^^^^^^^^^^
    41 |     )
    42 |   ];
    43 |   const onMenuItemClick = (payload: { key: any }) => {

ERROR in src/feature/video/components/screen-share.tsx:57:18
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    55 |           trigger={['click']}
    56 |           type="ghost"
  > 57 |           icon={<UpOutlined />}
       |                  ^^^^^^^^^^
    58 |           placement="topRight"
    59 |         >
    60 |           <IconFont type="icon-share" />

ERROR in src/feature/video/components/screen-share.tsx:84:38
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    82 |       <Button
    83 |         className="screen-share-button"
  > 84 |         icon={isLockedScreenShare ? <LockOutlined /> : <UnlockOutlined />}
       |                                      ^^^^^^^^^^^^
    85 |         // eslint-disable-next-line react/jsx-boolean-value
    86 |         ghost={true}
    87 |         shape="circle"

ERROR in src/feature/video/components/screen-share.tsx:84:57
TS2741: Property 'rev' is missing in type '{}' but required in type 'Pick<AntdIconProps, "type" | "style" | "max" | "required" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | ... 347 more ... | "twoToneColor">'.
    82 |       <Button
    83 |         className="screen-share-button"
  > 84 |         icon={isLockedScreenShare ? <LockOutlined /> : <UnlockOutlined />}
       |                                                         ^^^^^^^^^^^^^^
    85 |         // eslint-disable-next-line react/jsx-boolean-value
    86 |         ghost={true}
    87 |         shape="circle"

chunsiong.zoom · August 24, 2023, 4:42am

@go1 , thanks for highlighting this. I’ve managed to reproduce this on my side as well. Let me check it out and get back to you

chunsiong.zoom · September 6, 2023, 1:33am

@go1 ,

could you try adding / changing the dependencies in package.json?

"@ant-design/icons": "4.6.2",
"antd":"4.24.3"

system · October 6, 2023, 11:33am

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Error when following meetingsdk-sample-react guide Web	11	1865	May 5, 2022
Errors when starting zoom/websdk Web	4	603	May 20, 2021
Used in create-react-app typescipt version, there is an error Web	2	861	August 21, 2020
Icons Layout issues in Web Browser integration API and Webhooks	2	542	August 21, 2020
Zoom SDK for Angular 7 forwardRef render functions do not support propTypes or defaultProps Meeting SDK	1	493	March 15, 2023

I've cloned the reactjs example and added my key and secret and did npm install .. and when I did "npm start" I got a lot of errors

Related Topics