diff --git a/es/components/extraFile/forUrl/web.js b/es/components/extraFile/forUrl/web.js
index b86f541d2..ca7b7051c 100644
--- a/es/components/extraFile/forUrl/web.js
+++ b/es/components/extraFile/forUrl/web.js
@@ -20,7 +20,7 @@ export default function render(props) {
             </Space>
             <img id="previewImg" src={src} alt="previewImg" className={Style.previewImg} style={{ display: src ? 'inline-block' : 'none' }}/>
             <div className={Style.methodList}>
-                {methods && methods.map((ele) => (<div className={Style.methodListItem} onClick={() => {
+                {methods && methods.map((ele) => (<div key={ele} className={Style.methodListItem} onClick={() => {
                 chooseMethod(ele);
             }}>
                         {t(ele)}
diff --git a/es/components/extraFile/gallery/web.js b/es/components/extraFile/gallery/web.js
index 476ab27c5..6bcc79166 100644
--- a/es/components/extraFile/gallery/web.js
+++ b/es/components/extraFile/gallery/web.js
@@ -7,7 +7,7 @@ export default function render(props) {
     const imageViewerMultiRef = useRef(null);
     return (<>
             <Space>
-                {files?.map((ele, index) => (<Image src={ele.thumbUrl} width={100} height={100} fit="contain" onClick={!disablePreview ? () => {
+                {files?.map((ele, index) => (<Image key={`file_image_${index}`} src={ele.thumbUrl} width={100} height={100} fit="contain" onClick={!disablePreview ? () => {
                 setVisible(true);
                 imageViewerMultiRef.current.swipeTo(index);
             } : undefined}/>))}
diff --git a/es/components/extraFile/gallery/web.pc.js b/es/components/extraFile/gallery/web.pc.js
index 24124a352..0343b4d0d 100644
--- a/es/components/extraFile/gallery/web.pc.js
+++ b/es/components/extraFile/gallery/web.pc.js
@@ -8,7 +8,7 @@ export default function render(props) {
             onChange: (current, prev) => { },
         }}>
             <Space>
-                {files?.map((ele) => (<Image width={120} src={ele.thumbUrl} preview={!disablePreview
+                {files?.map((ele, index) => (<Image key={`file_image_${index}`} width={120} src={ele.thumbUrl} preview={!disablePreview
                 ? {
                     src: ele.url,
                 }
diff --git a/es/components/my/info/web.js b/es/components/my/info/web.js
index 1c2071d42..939681ffa 100644
--- a/es/components/my/info/web.js
+++ b/es/components/my/info/web.js
@@ -104,7 +104,7 @@ export default function Render(props) {
                     setUpdateValue(value);
                 }}>
                                 <Space direction="horizontal">
-                                    {GenderOptions.map(ele => <Radio value={ele.value}>{ele.label}</Radio>)}
+                                    {GenderOptions.map(ele => <Radio key={ele.value} value={ele.value}>{ele.label}</Radio>)}
                                 </Space>
                             </Radio.Group>}
                     </Form.Item>
diff --git a/es/components/passport/web.pc.d.ts b/es/components/passport/web.pc.d.ts
index a541a9bdc..432795fd2 100644
--- a/es/components/passport/web.pc.d.ts
+++ b/es/components/passport/web.pc.d.ts
@@ -16,5 +16,5 @@ export default function render(props: WebComponentProps<EntityDict, 'passport',
         type: EntityDict['passport']['Schema']['type'];
         tip: string;
     }[];
-    myConfirm: (ids: string[]) => void;
+    myConfirm: (ids: string[]) => Promise<void>;
 }>): React.JSX.Element;
diff --git a/es/components/subwayLine/picker/web.js b/es/components/subwayLine/picker/web.js
index 8a28bde0a..6e58d1743 100644
--- a/es/components/subwayLine/picker/web.js
+++ b/es/components/subwayLine/picker/web.js
@@ -18,7 +18,7 @@ export default function render(props) {
                     label: ele.name,
                     children: (<Space size={[0, 16]} wrap>
                                         {stations?.map((ele) => {
-                            return (<Checkbox disabled={selectIds?.includes(ele.value)} onChange={(e) => {
+                            return (<Checkbox key={ele.value} disabled={selectIds?.includes(ele.value)} onChange={(e) => {
                                     setCheckedList(e.target.value, e.target.checked);
                                 }} checked={stationIds
                                     .concat(selectIds || [])
diff --git a/es/components/user/authenticate/web.pc.js b/es/components/user/authenticate/web.pc.js
index c1c46d862..ae5d8a225 100644
--- a/es/components/user/authenticate/web.pc.js
+++ b/es/components/user/authenticate/web.pc.js
@@ -26,7 +26,7 @@ export default function Render(props) {
             });
         }} value={idCardType}>
                         {idCardTypeArr.map((ele, index) => {
-            return <Radio value={ele.value}>{ele.label}</Radio>;
+            return <Radio key={ele.value} value={ele.value}>{ele.label}</Radio>;
         })}
                     </Radio.Group>
                 </Form.Item>
diff --git a/es/components/user/info/web.js b/es/components/user/info/web.js
index e5b3e832e..c8626e216 100644
--- a/es/components/user/info/web.js
+++ b/es/components/user/info/web.js
@@ -36,7 +36,7 @@ export default function render(props) {
                 cancelEdit();
             }}>
                             <Space direction="horizontal">
-                                {genderOptions.map((ele) => (<Radio value={ele.value}>
+                                {genderOptions.map((ele) => (<Radio key={ele.value} value={ele.value}>
                                             {ele.label}
                                         </Radio>))}
                             </Space>
diff --git a/es/components/userEntityGrant/claim/ubPicker/web.js b/es/components/userEntityGrant/claim/ubPicker/web.js
index 00fb67e81..047ca438c 100644
--- a/es/components/userEntityGrant/claim/ubPicker/web.js
+++ b/es/components/userEntityGrant/claim/ubPicker/web.js
@@ -14,7 +14,7 @@ export default function Render(props) {
             : (<div>
                     <Form.Header>{t('pickRow', { entity: t(`${entity}:name`) })}</Form.Header>
                     <CheckList value={pickedRowIds || []} disabled={disablePickRow || disabled} onChange={(val) => onPickRows(val)}>
-                        {rows.map((row) => (<CheckList.Item value={row.id}>
+                        {rows.map((row) => (<CheckList.Item key={row.id} value={row.id}>
                                         {row.value}
                                     </CheckList.Item>))}
                     </CheckList>
@@ -22,7 +22,7 @@ export default function Render(props) {
         const Relation = (<div>
                 <List mode='card' header={t(`pickRelation.${pickRelationRule}`)}>
                     <CheckList multiple={rule !== 'single'} value={pickedRelationIds || []} disabled={disablePickRelation || disabled} onChange={(val) => onPickRelations(val)}>
-                        {relations.map((relation) => (<CheckList.Item value={relation.id}>
+                        {relations.map((relation) => (<CheckList.Item key={relation.id} value={relation.id}>
                                         {t(`${entity}:r.${relation.name}`)}
                                     </CheckList.Item>))}
                     </CheckList>
diff --git a/es/components/userEntityGrant/claim/ubPicker/web.pc.js b/es/components/userEntityGrant/claim/ubPicker/web.pc.js
index 81453d548..545dd49d2 100644
--- a/es/components/userEntityGrant/claim/ubPicker/web.pc.js
+++ b/es/components/userEntityGrant/claim/ubPicker/web.pc.js
@@ -17,7 +17,7 @@ export default function Render(props) {
                         {t('pickRow', { entity: t(`${entity}:name`) })}
                     </Divider>
                     <Checkbox.Group value={pickedRowIds || []} disabled={disablePickRow || disabled} onChange={(val) => onPickRows(val)}>
-                        {rows.map((row) => (<Checkbox value={row.id}>{row.value}</Checkbox>))}
+                        {rows.map((row) => (<Checkbox key={row.id} value={row.id}>{row.value}</Checkbox>))}
                     </Checkbox.Group>
                 </>);
         const Relation = (<>
@@ -26,14 +26,14 @@ export default function Render(props) {
                 </Divider>
                 <List>
                     {rule !== 'single' ? (<Checkbox.Group value={pickedRelationIds || []} disabled={disablePickRelation || disabled} onChange={(val) => onPickRelations(val)}>
-                            {relations.map((relation) => (<Checkbox value={relation.id}>
+                            {relations.map((relation) => (<Checkbox key={relation.id} value={relation.id}>
                                     {t(`${entity}:r.${relation.name}`)}
                                 </Checkbox>))}
                         </Checkbox.Group>) : (<Radio.Group onChange={(e) => {
                     const val = e.target.value;
                     onPickRelations([val]);
                 }} value={pickedRelationIds?.[0] || undefined}>
-                            {relations.map((relation) => (<Radio value={relation.id}>
+                            {relations.map((relation) => (<Radio key={relation.id} value={relation.id}>
                                     {t(`${entity}:r.${relation.name}`)}
                                 </Radio>))}
                         </Radio.Group>)}
diff --git a/es/components/userRelation/list/web.js b/es/components/userRelation/list/web.js
index edb688634..ad8226950 100644
--- a/es/components/userRelation/list/web.js
+++ b/es/components/userRelation/list/web.js
@@ -25,16 +25,13 @@ export default function Render(props) {
             </span>
             <List>
                 {users?.map((ele, index) => {
-            return (<List.Item prefix={ele.avatar ? (<Avatar className={Style.avatar} src={ele.avatar}/>) : (<UserCircleOutline className={Style.avatar}/>)} extra={ele.mobile || '--'} description={<div style={{
+            return (<List.Item key={ele.id} prefix={ele.avatar ? (<Avatar className={Style.avatar} src={ele.avatar}/>) : (<UserCircleOutline className={Style.avatar}/>)} extra={ele.mobile || '--'} description={<div style={{
                         display: 'flex',
                         flexWrap: 'wrap',
                     }}>
-                                    {ele.userRelation$user?.map((ele2, index2) => (<Tag key={index} fill="outline">
+                                    {ele.userRelation$user?.map((ele2, index2) => (<Tag key={ele2.id} fill="outline">
                                                 {ele2.relation?.name
-                            ? t(entity +
-                                ':r.' +
-                                ele2.relation
-                                    .name)
+                            ? t(entity + ':r.' + ele2.relation.name)
                             : ele2.relation?.display}
                                             </Tag>))}
                                 </div>} onClick={() => goUpdate(ele.id)}>
diff --git a/es/components/userRelation/list/web.pc.js b/es/components/userRelation/list/web.pc.js
index 8d48c6a74..aacb21959 100644
--- a/es/components/userRelation/list/web.pc.js
+++ b/es/components/userRelation/list/web.pc.js
@@ -49,11 +49,9 @@ export default function Render(props) {
                 title: t('relations'),
                 render: (value, record, index) => {
                     return (<Space>
-                                    {record.userRelation$user?.map((ele, index) => (<Tag key={index}>
+                                    {record.userRelation$user?.map((ele, index) => (<Tag key={ele.id}>
                                                 {ele.relation.name
-                                ? t(entity +
-                                    ':r.' +
-                                    ele.relation.name)
+                                ? t(entity + ':r.' + ele.relation.name)
                                 : ele.relation.display}
                                             </Tag>))}
                                 </Space>);
diff --git a/es/components/userRelation/upsert/byUserEntityGrant/web.js b/es/components/userRelation/upsert/byUserEntityGrant/web.js
index 2b5557a4b..b0de636d5 100644
--- a/es/components/userRelation/upsert/byUserEntityGrant/web.js
+++ b/es/components/userRelation/upsert/byUserEntityGrant/web.js
@@ -24,9 +24,8 @@ export default function render(props) {
             update({ relationIds: val });
         }}>
                     <Space direction="vertical">
-                        {relations?.map((ele) => (<Checkbox value={ele.id}>
-                                {ele.display ||
-                t(`${relationEntity}:r.${ele.name}`)}
+                        {relations?.map((ele) => (<Checkbox key={ele.id} value={ele.id}>
+                                {ele.display || t(`${relationEntity}:r.${ele.name}`)}
                             </Checkbox>))}
                     </Space>
                 </Checkbox.Group>
@@ -36,7 +35,7 @@ export default function render(props) {
                 rule: val,
             })}>
                         <Space direction="vertical">
-                            {rules.map((ele) => (<Radio value={ele}>
+                            {rules.map((ele) => (<Radio key={ele} value={ele}>
                                     {t(`userEntityGrant:v.rule.${ele}`)}
                                 </Radio>))}
                         </Space>
diff --git a/es/components/userRelation/upsert/byUserEntityGrant/web.pc.js b/es/components/userRelation/upsert/byUserEntityGrant/web.pc.js
index 72de83583..c0cc92f23 100644
--- a/es/components/userRelation/upsert/byUserEntityGrant/web.pc.js
+++ b/es/components/userRelation/upsert/byUserEntityGrant/web.pc.js
@@ -24,8 +24,7 @@ export default function render(props) {
             update({ relationIds: val });
         }} options={relations?.map((ele) => ({
             value: ele.id,
-            label: ele.display ||
-                relationEntity && t(`${relationEntity}:r.${ele.name}`),
+            label: ele.display || relationEntity && t(`${relationEntity}:r.${ele.name}`),
         }))}/>
             </Form.Item>
             {relationIds?.length > 1 && (<Form.Item label={t('userEntityGrant:attr.rule')} help={t('helpRule')}>
diff --git a/es/components/userRelation/upsert/web.js b/es/components/userRelation/upsert/web.js
index 6d90582ce..54d0f9b92 100644
--- a/es/components/userRelation/upsert/web.js
+++ b/es/components/userRelation/upsert/web.js
@@ -14,13 +14,13 @@ export default function Render(props) {
     const SubParts = enabled.map((ele) => {
         switch (ele) {
             case 'email': {
-                return <div className={Style.container}>{t('not-implemented')}</div>;
+                return <div key={ele} className={Style.container}>{t('not-implemented')}</div>;
             }
             case 'mobile': {
-                return (<ByMobile passwordRequired={passwordRequired} entity={entity} entityId={entityId} relations={relations} oakPath="$userRelation-upsert-by-mobile" oakAutoUnmount={true}/>);
+                return (<ByMobile key={ele} passwordRequired={passwordRequired} entity={entity} entityId={entityId} relations={relations} oakPath="$userRelation-upsert-by-mobile" oakAutoUnmount={true}/>);
             }
             case 'userEntityGrant': {
-                return (<ByUserEntityGrant qrCodeType={qrCodeType} entity={entity} entityId={entityId} relations={relations} claimUrl={claimUrl} rule={rule} oakPath="$userRelation-upsert-by-userEntityGrant" oakAutoUnmount={true} redirectToAfterConfirm={redirectToAfterConfirm} onUserEntityGrantCreated={onUserEntityGrantCreated}/>);
+                return (<ByUserEntityGrant key={ele} qrCodeType={qrCodeType} entity={entity} entityId={entityId} relations={relations} claimUrl={claimUrl} rule={rule} oakPath="$userRelation-upsert-by-userEntityGrant" oakAutoUnmount={true} redirectToAfterConfirm={redirectToAfterConfirm} onUserEntityGrantCreated={onUserEntityGrantCreated}/>);
             }
         }
     });
diff --git a/es/components/userRelation/upsert/web.pc.js b/es/components/userRelation/upsert/web.pc.js
index 3bf061084..9833842f3 100644
--- a/es/components/userRelation/upsert/web.pc.js
+++ b/es/components/userRelation/upsert/web.pc.js
@@ -14,13 +14,13 @@ export default function Render(props) {
     const SubParts = enabled.map((ele) => {
         switch (ele) {
             case 'email': {
-                return <div className={Style.container}>{t('not-implemented')}</div>;
+                return <div key={ele} className={Style.container}>{t('not-implemented')}</div>;
             }
             case 'mobile': {
-                return (<ByMobile passwordRequired={passwordRequired} entity={entity} entityId={entityId} relations={relations} oakPath="$userRelation-upsert-by-mobile" oakAutoUnmount={true}/>);
+                return (<ByMobile key={ele} passwordRequired={passwordRequired} entity={entity} entityId={entityId} relations={relations} oakPath="$userRelation-upsert-by-mobile" oakAutoUnmount={true}/>);
             }
             case 'userEntityGrant': {
-                return (<ByUserEntityGrant qrCodeType={qrCodeType} entity={entity} entityId={entityId} relations={relations} claimUrl={claimUrl} rule={rule} oakPath="$userRelation-upsert-by-userEntityGrant" oakAutoUnmount={true} redirectToAfterConfirm={redirectToAfterConfirm} onUserEntityGrantCreated={onUserEntityGrantCreated}/>);
+                return (<ByUserEntityGrant key={ele} qrCodeType={qrCodeType} entity={entity} entityId={entityId} relations={relations} claimUrl={claimUrl} rule={rule} oakPath="$userRelation-upsert-by-userEntityGrant" oakAutoUnmount={true} redirectToAfterConfirm={redirectToAfterConfirm} onUserEntityGrantCreated={onUserEntityGrantCreated}/>);
             }
         }
     });
diff --git a/es/components/userWechatPublicTag/subscribedList/web.pc.js b/es/components/userWechatPublicTag/subscribedList/web.pc.js
index 995026a22..3067cb0f8 100644
--- a/es/components/userWechatPublicTag/subscribedList/web.pc.js
+++ b/es/components/userWechatPublicTag/subscribedList/web.pc.js
@@ -42,7 +42,7 @@ export default function Render(props) {
                     return (<div>
                                     {value && value.length > 0
                             ? value.map((ele) => {
-                                return <Tag>{ele.text}</Tag>;
+                                return <Tag key={ele.id}>{ele.text}</Tag>;
                             })
                             : '暂无标签'}
                                 </div>);
@@ -136,7 +136,7 @@ export default function Render(props) {
                     <Descriptions.Item label="用户标签">
                         {user.tags && user.tags.length > 0
             ? user.tags.map((tag) => {
-                return <Tag>{tag.text}</Tag>;
+                return <Tag key={tag.id}>{tag.text}</Tag>;
             })
             : '暂无标签'}
                     </Descriptions.Item>
diff --git a/es/components/wechatMaterialLibrary/web.pc.js b/es/components/wechatMaterialLibrary/web.pc.js
index cc3d2eef3..f9d782e6c 100644
--- a/es/components/wechatMaterialLibrary/web.pc.js
+++ b/es/components/wechatMaterialLibrary/web.pc.js
@@ -112,7 +112,7 @@ export default function Render(props) {
             title: '封面图',
             render: (value, record, index) => {
                 return (<div>
-                        {record.content.news_item.map((ele) => (<div><img style={{ width: 100 }} src={ele.coverUrl}/></div>))}
+                        {record.content.news_item.map((ele, index) => (<div key={`coverUrl${index}`}><img style={{ width: 100 }} src={ele.coverUrl}/></div>))}
                     </div>);
             }
         },
@@ -121,7 +121,7 @@ export default function Render(props) {
             title: '图文消息标题',
             render: (value, record, index) => {
                 return (<div>
-                        {record.content.news_item.map((ele) => (<div>{ele.title}</div>))}
+                        {record.content.news_item.map((ele, index) => (<div key={`title${index}`}>{ele.title}</div>))}
                     </div>);
             }
         },
@@ -130,7 +130,7 @@ export default function Render(props) {
             title: '作者',
             render: (value, record, index) => {
                 return (<div>
-                        {record.content.news_item.map((ele) => (<div>{ele.author}</div>))}
+                        {record.content.news_item.map((ele, index) => (<div key={`author${index}`}>{ele.author}</div>))}
                     </div>);
             }
         },
@@ -139,7 +139,7 @@ export default function Render(props) {
             title: '图文信息摘要',
             render: (value, record, index) => {
                 return (<div>
-                        {record.content.news_item.map((ele) => (<div>{ele.digest}</div>))}
+                        {record.content.news_item.map((ele, index) => (<div key={`digest${index}`}>{ele.digest}</div>))}
                     </div>);
             }
         },
diff --git a/es/components/wechatMenu/actionPhone/web.pc.js b/es/components/wechatMenu/actionPhone/web.pc.js
index f21cc4c38..8292f1fb3 100644
--- a/es/components/wechatMenu/actionPhone/web.pc.js
+++ b/es/components/wechatMenu/actionPhone/web.pc.js
@@ -59,9 +59,9 @@ export default function Render(props) {
                     <div className={Style.keyBoard}>
                     </div>
                     {config && config.button && config.button.length > 0 ? (<div className={Style.menu}>
-                                {config.button.map((ele, index) => (<Popover open={!open && !isPreview && currentIndex === index && ((menuType === 'common' && currentMenuType === 1) || (menuType === 'conditional' && currentMenuType === 2)) && tabKey === 'menu'} trigger={'click'} content={<div className={Style.subMenu}>
+                                {config.button.map((ele, index) => (<Popover key={`config_btn_${index}`} open={!open && !isPreview && currentIndex === index && ((menuType === 'common' && currentMenuType === 1) || (menuType === 'conditional' && currentMenuType === 2)) && tabKey === 'menu'} trigger={'click'} content={<div className={Style.subMenu}>
                                                     {config.button[index].sub_button.length > 0 ? (<>
-                                                                {config.button[index].sub_button.map((ele, index2) => (<div className={Style.subMenuContent}>
+                                                                {config.button[index].sub_button.map((ele, index2) => (<div key={`config_${index}_sub_button_${index2}`} className={Style.subMenuContent}>
                                                                             <div className={Style.subMenuItem} style={errorIndex?.includes((index + 1) * 10 + index2) ? {
                                 border: '1px solid #FF4D4F',
                                 color: '#FF4D4F'
diff --git a/es/components/wechatMenu/preview/web.pc.d.ts b/es/components/wechatMenu/preview/web.pc.d.ts
index 64a16f579..746422b67 100644
--- a/es/components/wechatMenu/preview/web.pc.d.ts
+++ b/es/components/wechatMenu/preview/web.pc.d.ts
@@ -1,15 +1,13 @@
 import React from 'react';
 import { EntityDict } from "../../../oak-app-domain";
 import { WebComponentProps } from 'oak-frontend-base';
-import { WechatPublicInstance } from 'oak-external-sdk/es/WechatSDK';
 export default function Render(props: WebComponentProps<EntityDict, keyof EntityDict, false, {
     button: any[];
-    wechatInstance: WechatPublicInstance;
 }, {
     getMaterialImgAndVoice: (type: 'image' | 'voice', media_id: string) => Promise<string>;
     getArticle: (article_id: string) => Promise<any[]>;
-    getMaterialVideo: (mediaId: string) => {
+    getMaterialVideo: (mediaId: string) => Promise<{
         url: string;
         media_id: string;
-    };
+    }>;
 }>): React.JSX.Element;
diff --git a/es/components/wechatMenu/preview/web.pc.js b/es/components/wechatMenu/preview/web.pc.js
index 6a4ca78f4..0d5643eda 100644
--- a/es/components/wechatMenu/preview/web.pc.js
+++ b/es/components/wechatMenu/preview/web.pc.js
@@ -44,19 +44,23 @@ export default function Render(props) {
             return;
         }
         if (menu.subType === 'image' && menu.media_id) {
-            setSendMsg([...sendMsg, { type: 'image', content: await getMaterialImgAndVoice('image', menu.media_id) }]);
+            const result = await getMaterialImgAndVoice('image', menu.media_id);
+            setSendMsg([...sendMsg, { type: 'image', content: result }]);
             return;
         }
         if (menu.type === 'article_id' && menu.article_id) {
-            setSendMsg([...sendMsg, { type: 'article_id', content: await getArticle(menu.article_id) }]);
+            const result = await getArticle(menu.article_id);
+            setSendMsg([...sendMsg, { type: 'article_id', content: result }]);
             return;
         }
         if (menu.subType === 'voice' && menu.media_id) {
-            setSendMsg([...sendMsg, { type: 'voice', content: { url: await getMaterialImgAndVoice('voice', menu.media_id), media_id: menu.media_id } }]);
+            const result = await getMaterialImgAndVoice('voice', menu.media_id);
+            setSendMsg([...sendMsg, { type: 'voice', content: { url: result, media_id: menu.media_id } }]);
             return;
         }
         if (menu.subType === 'video' && menu.media_id) {
-            setSendMsg([...sendMsg, { type: 'video', content: { url: await getMaterialVideo(menu.media_id).url, media_id: menu.media_id } }]);
+            const result = await getMaterialVideo(menu.media_id);
+            setSendMsg([...sendMsg, { type: 'video', content: { url: result.url, media_id: menu.media_id } }]);
             return;
         }
     };
@@ -74,33 +78,34 @@ export default function Render(props) {
                 </div>
                 <div className={Style.page}>
                     {(sendMsg && sendMsg.length > 0) &&
-            sendMsg.map((ele) => {
+            sendMsg.map((ele, index) => {
                 if (ele.type === 'text') {
-                    return <div className={Style.msg}>
+                    return <div key={`${ele.type}_${index}`} className={Style.msg}>
                                     <Editor defaultConfig={editorConfig} value={ele.content} mode="default" className={Style.editor}/>
                                 </div>;
                 }
                 else if (ele.type === 'image') {
-                    return <img src={ele.content} className={Style.img}/>;
+                    return <img key={`${ele.type}_${index}`} src={ele.content} className={Style.img}/>;
                 }
                 else if (ele.type === 'article_id') {
-                    return <div className={Style.news}>
+                    return <div key={`${ele.type}_${index}`} className={Style.news}>
                                     <ShowNews news={ele.content}/>
                                 </div>;
                 }
                 else if (ele.type === 'voice') {
-                    return <div className={Style.msg}>
+                    return <div key={`${ele.type}_${index}`} className={Style.msg}>
                                     <a style={{ color: '#1677ff' }} href={ele.content.url} download={true}>{ele.content.media_id}</a>
                                 </div>;
                 }
                 else if (ele.type === 'video') {
-                    return <div className={Style.msg}>
+                    return <div key={`${ele.type}_${index}`} className={Style.msg}>
                                     <a style={{ color: '#1677ff' }} href={ele.content.url} download={true}>{ele.content.media_id}</a>
                                 </div>;
                 }
                 else if (ele.type === 'miniprogram') {
-                    return <div className={Style.msg}>{ele.content}</div>;
+                    return <div key={`${ele.type}_${index}`} className={Style.msg}>{ele.content}</div>;
                 }
+                return null;
             })}
                 </div>
                 <div className={Style.bottomBar}>
@@ -116,7 +121,7 @@ export default function Render(props) {
                         key: `${index * 10 + index2}`,
                     };
                 });
-                return <Dropdown arrow={false} menu={{ items, onClick }} placement='top'>
+                return <Dropdown key={`wechatMenu_button_${index}`} arrow={false} menu={{ items, onClick }} placement='top'>
                                         <div className={Style.button}>
                                             <MenuOutlined style={{ fontSize: 12, color: '#d0d0d0' }}/>
                                             <div className={Style.buttonName} style={{ marginLeft: 5 }}>{ele.name}</div>
@@ -124,7 +129,7 @@ export default function Render(props) {
                                     </Dropdown>;
             }
             else {
-                return <div className={Style.button} onClick={() => {
+                return <div key={`menu_button_${index}`} className={Style.button} onClick={() => {
                         menuAction(ele);
                     }}>
                                         <div className={Style.buttonName}>{ele.name}</div>
diff --git a/es/components/wechatMenu/selectArticle/web.pc.js b/es/components/wechatMenu/selectArticle/web.pc.js
index 6bc3ecbde..f374d71ae 100644
--- a/es/components/wechatMenu/selectArticle/web.pc.js
+++ b/es/components/wechatMenu/selectArticle/web.pc.js
@@ -1,6 +1,5 @@
 import React, { useState, useRef } from 'react';
-import { Button, Table, Space, Input, Popover, Select } from 'antd';
-const { TextArea } = Input;
+import { Button, Table, Space, Popover, Select } from 'antd';
 import Style from './web.module.less';
 import dayjs from 'dayjs';
 import ShowNews from '../showNews';
@@ -30,7 +29,7 @@ export default function Render(props) {
                     });
                     return (<div className={Style.selectArticle}>
                             <Select ref={selectRef} style={{ width: 160 }} bordered={false} value={urlList.includes(url) ? url : '请选择一篇文章'} dropdownRender={() => <div className={Style.select}>
-                                    {record.content.news_item.map((ele, index) => (<Popover content={<div style={{ padding: 12 }}><ShowNews oakAutoUnmount={true} news={record.content.news_item.filter((ele, index2) => index === index2)}/></div>} placement='right'>
+                                    {record.content.news_item.map((ele, index) => (<Popover key={`news_item_${index}`} content={<div style={{ padding: 12 }}><ShowNews oakAutoUnmount={true} news={record.content.news_item.filter((ele, index2) => index === index2)}/></div>} placement='right'>
                                                 <div className={Style.selectItem} onClick={() => {
                                     selectRef.current.blur();
                                     setUrl(ele.url);
diff --git a/es/components/wechatMenu/showNews/web.pc.js b/es/components/wechatMenu/showNews/web.pc.js
index 688a19d65..857e4f2af 100644
--- a/es/components/wechatMenu/showNews/web.pc.js
+++ b/es/components/wechatMenu/showNews/web.pc.js
@@ -7,23 +7,21 @@ export default function Render(props) {
             <div className={Style.multiNews}>
                         {news.map((ele, index) => {
                     if (index === 0) {
-                        return (<div className={Style.cover}>
+                        return (<div key={`news_${index}`} className={Style.cover}>
                                             <img className={Style.img} src={ele.coverUrl}/>
                                             <div className={Style.articleTitle}>
                                                 {ele.title}
                                             </div>
                                         </div>);
                     }
-                    else {
-                        return (<div className={Style.newsItem}>
-                                            <div className={Style.articleTitle}>
-                                                {ele.title}
-                                            </div>
-                                            <div className={Style.imgCover}>
-                                                <img className={Style.img} src={ele.coverUrl}/>
-                                            </div>
-                                        </div>);
-                    }
+                    return (<div key={`news_${index}`} className={Style.newsItem}>
+                                        <div className={Style.articleTitle}>
+                                            {ele.title}
+                                        </div>
+                                        <div className={Style.imgCover}>
+                                            <img className={Style.img} src={ele.coverUrl}/>
+                                        </div>
+                                    </div>);
                 })}
                     </div>
             :
diff --git a/es/components/wechatPublicAutoReply/web.pc.js b/es/components/wechatPublicAutoReply/web.pc.js
index 2a0df0dc8..86b9e623f 100644
--- a/es/components/wechatPublicAutoReply/web.pc.js
+++ b/es/components/wechatPublicAutoReply/web.pc.js
@@ -122,7 +122,7 @@ export default function Render(props) {
     }, [type, content]);
     return (<div className={Style.container}>
             <div className={Style.typeBar}>
-                {types.map((ele) => (<div className={Style.item} style={type === ele.key ? { color: '#1677FF' } : {}} onClick={() => {
+                {types.map((ele) => (<div key={ele.key} className={Style.item} style={type === ele.key ? { color: '#1677FF' } : {}} onClick={() => {
                 changeType(ele.key);
             }}>
                             {ele.value}
diff --git a/es/components/wechatUser/bindingList/web.js b/es/components/wechatUser/bindingList/web.js
index 93b92eec4..eeb5b351a 100644
--- a/es/components/wechatUser/bindingList/web.js
+++ b/es/components/wechatUser/bindingList/web.js
@@ -4,6 +4,6 @@ import UnbindBtn from '../unbindBtn';
 export default function Render(props) {
     const { wechatUsers, oakFullpath } = props.data;
     return (<Space>
-            {wechatUsers && wechatUsers.map((ele) => (<UnbindBtn oakId={ele.id} oakPath={`${oakFullpath}.${ele.id}`}/>))}
+            {wechatUsers && wechatUsers.map((ele) => (<UnbindBtn key={ele.id} oakId={ele.id} oakPath={`${oakFullpath}.${ele.id}`}/>))}
         </Space>);
 }
diff --git a/src/components/article/detail/web.tsx b/src/components/article/detail/web.tsx
index 1ea07a136..c2df39d97 100644
--- a/src/components/article/detail/web.tsx
+++ b/src/components/article/detail/web.tsx
@@ -109,8 +109,7 @@ export default function Render(
                                         editor.getElemsByTypePrefix("header");
                                     const tocItems = headers.map(
                                         (header: any) => {
-                                            const text =
-                                                SlateNode.string(header);
+                                            const text = SlateNode.string(header);
                                             const { id, type } = header;
                                             return {
                                                 text,
diff --git a/src/components/article/preview/web.tsx b/src/components/article/preview/web.tsx
index 02fef8ea1..57b17461f 100644
--- a/src/components/article/preview/web.tsx
+++ b/src/components/article/preview/web.tsx
@@ -100,8 +100,7 @@ export default function Render(
                                         editor.getElemsByTypePrefix("header");
                                     const tocItems = headers.map(
                                         (header: any) => {
-                                            const text =
-                                                SlateNode.string(header);
+                                            const text = SlateNode.string(header);
                                             const { id, type } = header;
                                             return {
                                                 text,
diff --git a/src/components/extraFile/avatar/index.ts b/src/components/extraFile/avatar/index.ts
index 1b1849f71..4d76b8f44 100644
--- a/src/components/extraFile/avatar/index.ts
+++ b/src/components/extraFile/avatar/index.ts
@@ -82,8 +82,7 @@ export default OakComponent({
                                     size,
                                 } = tempExtraFile;
                                 const filePath = tempFilePath || thumbTempFilePath;
-                                const fileFullName =
-                                    filePath.match(/[^/]+(?!.*\/)/g)![0];
+                                const fileFullName = filePath.match(/[^/]+(?!.*\/)/g)![0];
                                 this.pushExtraFile({
                                     name: fileFullName,
                                     fileType,
diff --git a/src/components/extraFile/forUrl/web.tsx b/src/components/extraFile/forUrl/web.tsx
index b4db989e5..133e9de58 100644
--- a/src/components/extraFile/forUrl/web.tsx
+++ b/src/components/extraFile/forUrl/web.tsx
@@ -60,6 +60,7 @@ export default function render(
             <div className={Style.methodList}>
                 {methods && methods.map((ele) => (
                     <div
+                        key={ele}
                         className={Style.methodListItem}
                         onClick={() => {
                             chooseMethod(ele);
diff --git a/src/components/extraFile/gallery/web.pc.tsx b/src/components/extraFile/gallery/web.pc.tsx
index 93a693f23..3320e916d 100644
--- a/src/components/extraFile/gallery/web.pc.tsx
+++ b/src/components/extraFile/gallery/web.pc.tsx
@@ -49,8 +49,9 @@ export default function render(
             }}
         >
             <Space>
-                {files?.map((ele) => (
+                {files?.map((ele, index) => (
                     <Image
+                        key={`file_image_${index}`}
                         width={120}
                         src={ele.thumbUrl}
                         preview={
diff --git a/src/components/extraFile/gallery/web.tsx b/src/components/extraFile/gallery/web.tsx
index 56358d1a2..ec7a41670 100644
--- a/src/components/extraFile/gallery/web.tsx
+++ b/src/components/extraFile/gallery/web.tsx
@@ -48,6 +48,7 @@ export default function render(
             <Space>
                 {files?.map((ele, index) => (
                     <Image
+                        key={`file_image_${index}`}
                         src={ele.thumbUrl}
                         width={100}
                         height={100}
diff --git a/src/components/my/info/web.tsx b/src/components/my/info/web.tsx
index 5388d2ded..2b8c37603 100644
--- a/src/components/my/info/web.tsx
+++ b/src/components/my/info/web.tsx
@@ -169,7 +169,7 @@ export default function Render(props: WebComponentProps<EntityDict, 'token', fal
                                 <Space direction="horizontal">
                                     {
                                         GenderOptions.map(
-                                            ele => <Radio value={ele.value}>{ele.label}</Radio>
+                                            ele => <Radio key={ele.value} value={ele.value}>{ele.label}</Radio>
                                         )
                                     }
                                 </Space>
diff --git a/src/components/passport/web.pc.tsx b/src/components/passport/web.pc.tsx
index 0178cb408..ca3d26ba3 100644
--- a/src/components/passport/web.pc.tsx
+++ b/src/components/passport/web.pc.tsx
@@ -56,7 +56,7 @@ export default function render(props: WebComponentProps<
             type: EntityDict['passport']['Schema']['type'];
             tip: string;
         }[];
-        myConfirm: (ids: string[]) => void;
+        myConfirm: (ids: string[]) => Promise<void>;
     }
 >) {
     const { data, methods } = props;
diff --git a/src/components/subwayLine/picker/web.tsx b/src/components/subwayLine/picker/web.tsx
index 8a9e9eb35..fa4afdd63 100644
--- a/src/components/subwayLine/picker/web.tsx
+++ b/src/components/subwayLine/picker/web.tsx
@@ -61,6 +61,7 @@ export default function render(
                                         {stations?.map((ele: any) => {
                                             return (
                                                 <Checkbox
+                                                    key={ele.value}
                                                     disabled={selectIds?.includes(
                                                         ele.value
                                                     )}
diff --git a/src/components/user/authenticate/web.pc.tsx b/src/components/user/authenticate/web.pc.tsx
index 12a722cb9..fc99e6b2c 100644
--- a/src/components/user/authenticate/web.pc.tsx
+++ b/src/components/user/authenticate/web.pc.tsx
@@ -71,7 +71,7 @@ export default function Render(
                         value={idCardType}
                     >
                         {idCardTypeArr.map((ele, index) => {
-                            return <Radio value={ele.value}>{ele.label}</Radio>;
+                            return <Radio key={ele.value} value={ele.value}>{ele.label}</Radio>;
                         })}
                     </Radio.Group>
                 </Form.Item>
diff --git a/src/components/user/info/web.tsx b/src/components/user/info/web.tsx
index 6d3d93310..5da3adf34 100644
--- a/src/components/user/info/web.tsx
+++ b/src/components/user/info/web.tsx
@@ -192,7 +192,7 @@ export default function render(
                             >
                                 {genderOptions.map(
                                     (ele: { value: string; label: string }) => (
-                                        <Radio value={ele.value}>
+                                        <Radio key={ele.value} value={ele.value}>
                                             {ele.label}
                                         </Radio>
                                     )
diff --git a/src/components/userEntityGrant/claim/ubPicker/web.pc.tsx b/src/components/userEntityGrant/claim/ubPicker/web.pc.tsx
index 0c81ed753..45b461534 100644
--- a/src/components/userEntityGrant/claim/ubPicker/web.pc.tsx
+++ b/src/components/userEntityGrant/claim/ubPicker/web.pc.tsx
@@ -68,7 +68,7 @@ export default function Render(
                         onChange={(val) => onPickRows(val as string[])}
                     >
                         {rows.map((row) => (
-                            <Checkbox value={row.id}>{row.value}</Checkbox>
+                            <Checkbox key={row.id} value={row.id}>{row.value}</Checkbox>
                         ))}
                     </Checkbox.Group>
                 </>
@@ -86,7 +86,7 @@ export default function Render(
                             onChange={(val) => onPickRelations(val as string[])}
                         >
                             {relations.map((relation) => (
-                                <Checkbox value={relation.id}>
+                                <Checkbox key={relation.id} value={relation.id}>
                                     {t(`${entity}:r.${relation.name}`)}
                                 </Checkbox>
                             ))}
@@ -100,7 +100,7 @@ export default function Render(
                             value={pickedRelationIds?.[0] || undefined}
                         >
                             {relations.map((relation) => (
-                                <Radio value={relation.id}>
+                                <Radio key={relation.id} value={relation.id}>
                                     {t(`${entity}:r.${relation.name}`)}
                                 </Radio>
                             ))}
diff --git a/src/components/userEntityGrant/claim/ubPicker/web.tsx b/src/components/userEntityGrant/claim/ubPicker/web.tsx
index daa9672bb..79ac15351 100644
--- a/src/components/userEntityGrant/claim/ubPicker/web.tsx
+++ b/src/components/userEntityGrant/claim/ubPicker/web.tsx
@@ -52,7 +52,7 @@ export default function Render(
                         {
                             rows.map(
                                 (row) => (
-                                    <CheckList.Item value={row.id}>
+                                    <CheckList.Item key={row.id} value={row.id}>
                                         {row.value}
                                     </CheckList.Item>
                                 )
@@ -73,7 +73,7 @@ export default function Render(
                         {
                             relations.map(
                                 (relation) => (
-                                    <CheckList.Item value={relation.id}>
+                                    <CheckList.Item key={relation.id} value={relation.id}>
                                         {t(`${entity}:r.${relation.name}`)}
                                     </CheckList.Item>
                                 )
diff --git a/src/components/userRelation/list/web.pc.tsx b/src/components/userRelation/list/web.pc.tsx
index 8c275e256..5f37c057f 100644
--- a/src/components/userRelation/list/web.pc.tsx
+++ b/src/components/userRelation/list/web.pc.tsx
@@ -109,13 +109,9 @@ export default function Render(
                                 <Space>
                                     {record.userRelation$user?.map(
                                         (ele, index) => (
-                                            <Tag key={index}>
+                                            <Tag key={ele.id}>
                                                 {ele.relation.name
-                                                    ? t(
-                                                          entity +
-                                                              ':r.' +
-                                                              ele.relation.name
-                                                      )
+                                                    ? t( entity +':r.' + ele.relation.name)
                                                     : ele.relation.display}
                                             </Tag>
                                         )
diff --git a/src/components/userRelation/list/web.tsx b/src/components/userRelation/list/web.tsx
index 5a991c7d7..298fb68bf 100644
--- a/src/components/userRelation/list/web.tsx
+++ b/src/components/userRelation/list/web.tsx
@@ -76,6 +76,7 @@ export default function Render(
                 {users?.map((ele, index) => {
                     return (
                         <List.Item
+                            key={ele.id}
                             prefix={
                                 ele.avatar ? (
                                     <Avatar
@@ -98,14 +99,9 @@ export default function Render(
                                 >
                                     {ele.userRelation$user?.map(
                                         (ele2, index2) => (
-                                            <Tag key={index} fill="outline">
+                                            <Tag key={ele2.id} fill="outline">
                                                 {ele2.relation?.name
-                                                    ? t(
-                                                          entity +
-                                                              ':r.' +
-                                                              ele2.relation!
-                                                                  .name
-                                                      )
+                                                    ? t(entity + ':r.' + ele2.relation!.name)
                                                     : ele2.relation?.display}
                                             </Tag>
                                         )
diff --git a/src/components/userRelation/upsert/byUserEntityGrant/web.pc.tsx b/src/components/userRelation/upsert/byUserEntityGrant/web.pc.tsx
index a67d8ccdf..217b001db 100644
--- a/src/components/userRelation/upsert/byUserEntityGrant/web.pc.tsx
+++ b/src/components/userRelation/upsert/byUserEntityGrant/web.pc.tsx
@@ -92,9 +92,7 @@ export default function render(
                     }}
                     options={relations?.map((ele) => ({
                         value: ele.id,
-                        label:
-                            ele.display ||
-                            relationEntity && t(`${relationEntity as string}:r.${ele.name}`),
+                        label: ele.display || relationEntity && t(`${relationEntity as string}:r.${ele.name}`),
                     }))}
                 />
             </Form.Item>
diff --git a/src/components/userRelation/upsert/byUserEntityGrant/web.tsx b/src/components/userRelation/upsert/byUserEntityGrant/web.tsx
index bd97cda68..35e5eb70c 100644
--- a/src/components/userRelation/upsert/byUserEntityGrant/web.tsx
+++ b/src/components/userRelation/upsert/byUserEntityGrant/web.tsx
@@ -87,12 +87,8 @@ export default function render(
                 >
                     <Space direction="vertical">
                         {relations?.map((ele) => (
-                            <Checkbox value={ele.id}>
-                                {ele.display ||
-                                    t(
-                                        `${relationEntity as string}:r.${ele.name
-                                        }`
-                                    )}
+                            <Checkbox key={ele.id} value={ele.id}>
+                                {ele.display || t(`${relationEntity as string}:r.${ele.name}`)}
                             </Checkbox>
                         ))}
                     </Space>
@@ -116,7 +112,7 @@ export default function render(
                     >
                         <Space direction="vertical">
                             {rules.map((ele) => (
-                                <Radio value={ele}>
+                                <Radio key={ele} value={ele}>
                                     {t(`userEntityGrant:v.rule.${ele}`)}
                                 </Radio>
                             ))}
diff --git a/src/components/userRelation/upsert/web.pc.tsx b/src/components/userRelation/upsert/web.pc.tsx
index d603075c4..658bd16b9 100644
--- a/src/components/userRelation/upsert/web.pc.tsx
+++ b/src/components/userRelation/upsert/web.pc.tsx
@@ -53,11 +53,12 @@ export default function Render(
         (ele) => {
             switch (ele) {
                 case 'email': {
-                    return <div className={Style.container}>{t('not-implemented')}</div>;
+                    return <div key={ele} className={Style.container}>{t('not-implemented')}</div>;
                 }
                 case 'mobile': {
                     return (
                         <ByMobile
+                            key={ele}
                             passwordRequired={passwordRequired}
                             entity={entity}
                             entityId={entityId}
@@ -70,6 +71,7 @@ export default function Render(
                 case 'userEntityGrant': {
                     return (
                         <ByUserEntityGrant
+                            key={ele}
                             qrCodeType={qrCodeType}
                             entity={entity}
                             entityId={entityId}
diff --git a/src/components/userRelation/upsert/web.tsx b/src/components/userRelation/upsert/web.tsx
index f4d4913d5..e1b961354 100644
--- a/src/components/userRelation/upsert/web.tsx
+++ b/src/components/userRelation/upsert/web.tsx
@@ -53,11 +53,12 @@ export default function Render(
         (ele) => {
             switch (ele) {
                 case 'email': {
-                    return <div className={Style.container}>{t('not-implemented')}</div>;
+                    return <div key={ele} className={Style.container}>{t('not-implemented')}</div>;
                 }
                 case 'mobile': {
                     return (
                         <ByMobile
+                            key={ele}
                             passwordRequired={passwordRequired}
                             entity={entity}
                             entityId={entityId}
@@ -70,6 +71,7 @@ export default function Render(
                 case 'userEntityGrant': {
                     return (
                         <ByUserEntityGrant
+                            key={ele}
                             qrCodeType={qrCodeType}
                             entity={entity}
                             entityId={entityId}
diff --git a/src/components/userWechatPublicTag/subscribedList/web.pc.tsx b/src/components/userWechatPublicTag/subscribedList/web.pc.tsx
index 84fdbc28e..111d8fe69 100644
--- a/src/components/userWechatPublicTag/subscribedList/web.pc.tsx
+++ b/src/components/userWechatPublicTag/subscribedList/web.pc.tsx
@@ -93,7 +93,7 @@ export default function Render(
                                                   id: string;
                                                   text: string;
                                               }) => {
-                                                  return <Tag>{ele.text}</Tag>;
+                                                  return <Tag key={ele.id}>{ele.text}</Tag>;
                                               }
                                           )
                                         : '暂无标签'}
@@ -217,7 +217,7 @@ export default function Render(
                     <Descriptions.Item label="用户标签">
                         {user.tags && user.tags.length > 0
                             ? user.tags.map((tag) => {
-                                  return <Tag>{tag.text}</Tag>;
+                                  return <Tag key={tag.id}>{tag.text}</Tag>;
                               })
                             : '暂无标签'}
                     </Descriptions.Item>
diff --git a/src/components/wechatMaterialLibrary/web.pc.tsx b/src/components/wechatMaterialLibrary/web.pc.tsx
index 3c4ce31fd..7bae6a879 100644
--- a/src/components/wechatMaterialLibrary/web.pc.tsx
+++ b/src/components/wechatMaterialLibrary/web.pc.tsx
@@ -135,8 +135,8 @@ export default function Render(
                 return (
                     <div>
                         {
-                            record.content.news_item.map((ele: any) => (
-                                <div><img style={{ width: 100 }} src={ele.coverUrl} /></div>
+                            record.content.news_item.map((ele: any, index: number) => (
+                                <div key={`coverUrl${index}`}><img style={{ width: 100 }} src={ele.coverUrl} /></div>
                             ))
                         }
                     </div>
@@ -150,8 +150,8 @@ export default function Render(
                 return (
                     <div>
                         {
-                            record.content.news_item.map((ele: any) => (
-                                <div>{ele.title}</div>
+                            record.content.news_item.map((ele: any, index: number) => (
+                                <div key={`title${index}`}>{ele.title}</div>
                             ))
                         }
                     </div>
@@ -165,8 +165,8 @@ export default function Render(
                 return (
                     <div>
                         {
-                            record.content.news_item.map((ele: any) => (
-                                <div>{ele.author}</div>
+                            record.content.news_item.map((ele: any, index: number) => (
+                                <div key={`author${index}`}>{ele.author}</div>
                             ))
                         }
                     </div>
@@ -180,8 +180,8 @@ export default function Render(
                 return (
                     <div>
                         {
-                            record.content.news_item.map((ele: any) => (
-                                <div>{ele.digest}</div>
+                            record.content.news_item.map((ele: any, index: number) => (
+                                <div key={`digest${index}`}>{ele.digest}</div>
                             ))
                         }
                     </div>
diff --git a/src/components/wechatMenu/actionPhone/web.pc.tsx b/src/components/wechatMenu/actionPhone/web.pc.tsx
index 74ec07022..85bd8a900 100644
--- a/src/components/wechatMenu/actionPhone/web.pc.tsx
+++ b/src/components/wechatMenu/actionPhone/web.pc.tsx
@@ -122,6 +122,7 @@ export default function Render(
                                 {
                                     config.button.map((ele: any, index: number) => (
                                         <Popover
+                                            key={`config_btn_${index}`}
                                             open={!open && !isPreview && currentIndex === index && ((menuType === 'common' && currentMenuType === 1) || (menuType === 'conditional' && currentMenuType === 2)) && tabKey === 'menu'}
                                             trigger={'click'}
                                             content={
@@ -131,7 +132,7 @@ export default function Render(
                                                             <>
                                                                 {
                                                                     config.button[index].sub_button.map((ele: { name: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | null | undefined; }, index2: number) => (
-                                                                        <div className={Style.subMenuContent}>
+                                                                        <div key={`config_${index}_sub_button_${index2}`} className={Style.subMenuContent}>
                                                                             <div className={Style.subMenuItem}
                                                                                 style={
                                                                                     errorIndex?.includes((index + 1) * 10 + index2) ? {
diff --git a/src/components/wechatMenu/preview/web.pc.tsx b/src/components/wechatMenu/preview/web.pc.tsx
index 57f4dc032..55415852f 100644
--- a/src/components/wechatMenu/preview/web.pc.tsx
+++ b/src/components/wechatMenu/preview/web.pc.tsx
@@ -1,12 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import { EntityDict } from "../../../oak-app-domain";
 import { WebComponentProps } from 'oak-frontend-base';
-import { Modal, Button, Table, Space, Upload, Form, Input, Dropdown, MenuProps } from 'antd';
+import { Dropdown, MenuProps } from 'antd';
 import { WifiOutlined, LeftOutlined, UserOutlined, MenuOutlined } from '@ant-design/icons'
 import Style from './web.module.less';
 import { Editor } from '@wangeditor/editor-for-react';
 import { IEditorConfig } from '@wangeditor/editor';
-import WechatSDK, { WechatMpInstance, WechatPublicInstance } from 'oak-external-sdk/es/WechatSDK';
 import ShowNews from '../showNews';
 
 export default function Render(
@@ -16,12 +15,11 @@ export default function Render(
         false,
         {
             button: any[];
-            wechatInstance: WechatPublicInstance,
         },
         {
             getMaterialImgAndVoice: (type: 'image' | 'voice', media_id: string) => Promise<string>;
             getArticle: (article_id: string) => Promise<any[]>;
-            getMaterialVideo: (mediaId: string) => { url: string, media_id: string };
+            getMaterialVideo: (mediaId: string) => Promise<{ url: string, media_id: string }>;
         }
     >
 ) {
@@ -63,19 +61,23 @@ export default function Render(
             return;
         }
         if (menu.subType === 'image' && menu.media_id) {
-            setSendMsg([...sendMsg, { type: 'image', content: await getMaterialImgAndVoice('image', menu.media_id) }]);
+            const result = await getMaterialImgAndVoice('image', menu.media_id);
+            setSendMsg([...sendMsg, { type: 'image', content: result }]);
             return;
         }
         if (menu.type === 'article_id' && menu.article_id) {
-            setSendMsg([...sendMsg, { type: 'article_id', content: await getArticle(menu.article_id) }])
+            const result = await getArticle(menu.article_id);
+            setSendMsg([...sendMsg, { type: 'article_id', content: result }])
             return;
         }
         if (menu.subType === 'voice' && menu.media_id) {
-            setSendMsg([...sendMsg, { type: 'voice', content: { url: await getMaterialImgAndVoice('voice', menu.media_id), media_id: menu.media_id } }]);
+            const result = await getMaterialImgAndVoice('voice', menu.media_id);
+            setSendMsg([...sendMsg, { type: 'voice', content: { url: result, media_id: menu.media_id } }]);
             return;
         }
         if (menu.subType === 'video' && menu.media_id) {
-            setSendMsg([...sendMsg, { type: 'video', content: { url: await getMaterialVideo(menu.media_id).url, media_id: menu.media_id } }]);
+            const result =  await getMaterialVideo(menu.media_id);
+            setSendMsg([...sendMsg, { type: 'video', content: { url: result.url, media_id: menu.media_id } }]);
             return;
         }
     }
@@ -95,9 +97,9 @@ export default function Render(
                 <div className={Style.page}>
                     {
                         (sendMsg && sendMsg.length > 0) &&
-                        sendMsg.map((ele) => {
+                        sendMsg.map((ele, index) => {
                             if (ele.type === 'text') {
-                                return <div className={Style.msg}>
+                                return <div key={`${ele.type}_${index}`} className={Style.msg}>
                                     <Editor
                                         defaultConfig={editorConfig}
                                         value={ele.content as string}
@@ -106,24 +108,25 @@ export default function Render(
                                     />
                                 </div>
                             } else if (ele.type === 'image') {
-                                return <img src={ele.content as string} className={Style.img} />
+                                return <img key={`${ele.type}_${index}`} src={ele.content as string} className={Style.img} />
                             } else if (ele.type === 'article_id') {
-                                return <div className={Style.news}>
+                                return <div key={`${ele.type}_${index}`} className={Style.news}>
                                     <ShowNews
                                         news={ele.content as any[]}
                                     />
                                 </div>
                             } else if (ele.type === 'voice') {
-                                return <div className={Style.msg}>
+                                return <div key={`${ele.type}_${index}`} className={Style.msg}>
                                     <a style={{ color: '#1677ff' }} href={(ele.content as { url: string, media_id: string }).url} download={true}>{(ele.content as { url: string, media_id: string }).media_id}</a>
                                 </div>
                             } else if (ele.type === 'video') {
-                                return <div className={Style.msg}>
+                                return <div key={`${ele.type}_${index}`} className={Style.msg}>
                                     <a style={{ color: '#1677ff' }} href={(ele.content as { url: string, media_id: string }).url} download={true}>{(ele.content as { url: string, media_id: string }).media_id}</a>
                                 </div>
                             } else if (ele.type === 'miniprogram') {
-                                return <div className={Style.msg}>{ele.content as string}</div>
+                                return <div key={`${ele.type}_${index}`} className={Style.msg}>{ele.content as string}</div>
                             }
+                            return null
                         })
                     }
                 </div>
@@ -142,6 +145,7 @@ export default function Render(
                                         }
                                     })
                                     return <Dropdown
+                                        key={`wechatMenu_button_${index}`}
                                         arrow={false}
                                         menu={{ items, onClick }}
                                         placement='top'
@@ -152,7 +156,7 @@ export default function Render(
                                         </div>
                                     </Dropdown>
                                 } else {
-                                    return <div className={Style.button} onClick={() => {
+                                    return <div key={`menu_button_${index}`} className={Style.button} onClick={() => {
                                         menuAction(ele)
                                     }}>
                                         <div className={Style.buttonName}>{ele.name}</div>
diff --git a/src/components/wechatMenu/selectArticle/web.pc.tsx b/src/components/wechatMenu/selectArticle/web.pc.tsx
index f38cc6616..391f4ab20 100644
--- a/src/components/wechatMenu/selectArticle/web.pc.tsx
+++ b/src/components/wechatMenu/selectArticle/web.pc.tsx
@@ -2,14 +2,9 @@ import React, { useState, useEffect, useRef } from 'react';
 import { EntityDict } from "../../../oak-app-domain";
 import { WebComponentProps } from 'oak-frontend-base';
 import { Modal, Button, Table, Space, Upload, Form, Input, Popover, Select } from 'antd';
-const { TextArea } = Input;
 import type { ColumnsType } from 'antd/es/table';
-import { DownloadOutlined } from '@ant-design/icons'
 import Style from './web.module.less';
 import dayjs from 'dayjs';
-import fs from 'fs';
-import { RcFile, UploadChangeParam } from 'antd/lib/upload/interface';
-import type { UploadFile } from 'antd/es/upload/interface';
 import ShowNews from '../showNews';
 
 
@@ -65,6 +60,7 @@ export default function Render(
                                     {
                                         record.content.news_item.map((ele: any, index: number) => (
                                             <Popover
+                                                key={`news_item_${index}`}
                                                 content={<div style={{ padding: 12 }}><ShowNews oakAutoUnmount={true} news={record.content.news_item.filter((ele: any, index2: number) => index === index2)} /></div>}
                                                 placement='right'
                                             >
diff --git a/src/components/wechatMenu/showNews/web.pc.tsx b/src/components/wechatMenu/showNews/web.pc.tsx
index dd42c3e5f..0c0c50469 100644
--- a/src/components/wechatMenu/showNews/web.pc.tsx
+++ b/src/components/wechatMenu/showNews/web.pc.tsx
@@ -26,25 +26,24 @@ export default function Render(
                             news.map((ele: any, index: number) => {
                                 if (index === 0) {
                                     return (
-                                        <div className={Style.cover}>
+                                        <div key={`news_${index}`} className={Style.cover}>
                                             <img className={Style.img} src={ele.coverUrl} />
                                             <div className={Style.articleTitle}>
                                                 {ele.title}
                                             </div>
                                         </div>
                                     )
-                                } else {
-                                    return (
-                                        <div className={Style.newsItem}>
-                                            <div className={Style.articleTitle}>
-                                                {ele.title}
-                                            </div>
-                                            <div className={Style.imgCover}>
-                                                <img className={Style.img} src={ele.coverUrl} />
-                                            </div>
-                                        </div>
-                                    )
                                 }
+                                return (
+                                    <div key={`news_${index}`} className={Style.newsItem}>
+                                        <div className={Style.articleTitle}>
+                                            {ele.title}
+                                        </div>
+                                        <div className={Style.imgCover}>
+                                            <img className={Style.img} src={ele.coverUrl} />
+                                        </div>
+                                    </div>
+                                )
                             })
                         }
                     </div>
diff --git a/src/components/wechatPublicAutoReply/web.pc.tsx b/src/components/wechatPublicAutoReply/web.pc.tsx
index 03b33968d..47f8bf3e6 100644
--- a/src/components/wechatPublicAutoReply/web.pc.tsx
+++ b/src/components/wechatPublicAutoReply/web.pc.tsx
@@ -166,7 +166,7 @@ export default function Render(
             <div className={Style.typeBar}>
                 {
                     types.map((ele) => (
-                        <div className={Style.item}
+                        <div key={ele.key} className={Style.item}
                             style={type === ele.key ? { color: '#1677FF' } : {}}
                             onClick={() => {
                                 changeType(ele.key as ReplyType);
diff --git a/src/components/wechatUser/bindingList/web.tsx b/src/components/wechatUser/bindingList/web.tsx
index 0cf9b24f0..f0dfa0837 100644
--- a/src/components/wechatUser/bindingList/web.tsx
+++ b/src/components/wechatUser/bindingList/web.tsx
@@ -22,6 +22,7 @@ export default function Render(
         <Space>
             {wechatUsers && wechatUsers.map((ele) => (
                 <UnbindBtn
+                    key={ele.id}
                     oakId={ele.id}
                     oakPath={`${oakFullpath}.${ele.id}`}
                 />