diff --git a/package.json b/package.json
index 02eabb6f1dfb..9e1895266d75 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
   "devDependencies": {
     "@commitlint/cli": "^16.0.0",
     "@commitlint/config-conventional": "^16.0.0",
-    "@dimensiondev/eslint-plugin": "^0.0.1-20211222115249-7984aa5",
+    "@dimensiondev/eslint-plugin": "^0.0.1-20220104011158-0905fa1",
     "@dimensiondev/patch-package": "^6.5.0",
     "@jest/globals": "^27.4.4",
     "@magic-works/i18n-codegen": "^0.0.6",
diff --git a/packages/.eslintrc.json b/packages/.eslintrc.json
index 73167848d18a..878b6f030b1d 100644
--- a/packages/.eslintrc.json
+++ b/packages/.eslintrc.json
@@ -29,6 +29,7 @@
         "import/no-deprecated": "warn",
         "no-cond-assign": "error",
         "no-constant-condition": "error",
+        "no-duplicate-imports": "off",
         "no-script-url": "error",
         "no-throw-literal": "error",
         "no-unmodified-loop-condition": "error",
diff --git a/packages/mask/src/components/shared/ApplicationBoard.tsx b/packages/mask/src/components/shared/ApplicationBoard.tsx
index 8dedbed99845..97cc5d144006 100644
--- a/packages/mask/src/components/shared/ApplicationBoard.tsx
+++ b/packages/mask/src/components/shared/ApplicationBoard.tsx
@@ -345,7 +345,7 @@ export function ApplicationBoard({ secondEntries, secondEntryChainTabs }: MaskAp
                                     walletRequired && !selectedWallet ? classes.disabled : '',
                                 )}
                                 onClick={onClick}
-                                key={i.toString()}>
+                                key={i}>
                                 <img src={img} className={classes.applicationImg} />
                                 <Typography className={classes.title} color="textPrimary">
                                     {title}
diff --git a/packages/mask/src/plugins/GoodGhosting/UI/TimelineView.tsx b/packages/mask/src/plugins/GoodGhosting/UI/TimelineView.tsx
index ebcc4597d47a..ce0576e4e64f 100644
--- a/packages/mask/src/plugins/GoodGhosting/UI/TimelineView.tsx
+++ b/packages/mask/src/plugins/GoodGhosting/UI/TimelineView.tsx
@@ -89,7 +89,7 @@ export function TimelineView(props: TimelineViewProps) {
             <Grid container className={classes.timeline}>
                 <Grid item className={classes.timelinePadding} />
                 {timeline.map((timelineEvent, index) => (
-                    <Grid item className={classes.timelineCells} key={`timeline-${timelineEvent.date.toString()}`}>
+                    <Grid item className={classes.timelineCells} key={index}>
                         <div className={classes.timelineEvent}>
                             <Typography variant="caption" color="textSecondary" className={classes.text}>
                                 {timelineEvent.eventOnDate}
diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/NftAirdropCard.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/NftAirdropCard.tsx
index d27b962dd658..1347b72f02f0 100644
--- a/packages/mask/src/plugins/ITO/SNSAdaptor/NftAirdropCard.tsx
+++ b/packages/mask/src/plugins/ITO/SNSAdaptor/NftAirdropCard.tsx
@@ -225,7 +225,7 @@ export function NftAirdropCard(props: NftAirdropCardProps) {
             <div className={classes.claimParent}>
                 {campaignInfos.map((v, i) => {
                     return v.claimableInfo.claimable ? (
-                        <div key={i.toString()}>
+                        <div key={i}>
                             <ClaimItem campaignInfo={v.campaignInfo} claimed={v.claimableInfo.claimed} retry={retry} />
                         </div>
                     ) : null
@@ -233,7 +233,7 @@ export function NftAirdropCard(props: NftAirdropCardProps) {
             </div>
             <Typography className={classes.text}>
                 {t('plugin_ito_total_claimable_count')}
-                {`${claimableCount} ${claimableCount > 1 ? 'items' : 'item'}`},
+                {claimableCount} {claimableCount > 1 ? 'items' : 'item'}`
             </Typography>
 
             <Typography className={classes.subText}>{t('plugin_airdrop_nft_check_address')}</Typography>
diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx
index 0ad9dc392d13..4814e73ab520 100644
--- a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx
+++ b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx
@@ -311,7 +311,7 @@ export function RedPacketERC721Form(props: RedPacketERC721FormProps) {
                     <div className={classes.tokenSelectorParent}>
                         <List className={classes.tokenSelector}>
                             {existTokenDetailedList.map((value, i) => (
-                                <ListItem key={i.toString()} className={classNames(classes.tokenSelectorWrapper)}>
+                                <ListItem key={i} className={classNames(classes.tokenSelectorWrapper)}>
                                     <NftImage
                                         token={value}
                                         classes={{
diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedpacketNftConfirmDialog.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedpacketNftConfirmDialog.tsx
index 65500b654522..ee0b00fb7438 100644
--- a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedpacketNftConfirmDialog.tsx
+++ b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedpacketNftConfirmDialog.tsx
@@ -287,7 +287,7 @@ export function RedpacketNftConfirmDialog(props: RedpacketNftConfirmDialogProps)
                     <Grid item xs={12}>
                         <List className={classes.tokenSelector}>
                             {tokenList.map((value, i) => (
-                                <ListItem key={i.toString()} className={classNames(classes.tokenSelectorWrapper)}>
+                                <ListItem key={i} className={classNames(classes.tokenSelectorWrapper)}>
                                     <NftImage
                                         token={value}
                                         classes={{
diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
index 650279ab584f..a54a139cb0c8 100644
--- a/packages/mask/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
+++ b/packages/mask/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
@@ -444,8 +444,8 @@ export function SelectNftTokenDialog(props: SelectNftTokenDialogProps) {
                 tokenIdList: (
                     <span>
                         {nonExistedTokenIdList.map((id, i) => (
-                            <span key={i.toString()}>
-                                <span className={classes.tokenId}>{' #' + id}</span>
+                            <span key={i}>
+                                <span className={classes.tokenId}> #{id}</span>
                                 {i < nonExistedTokenIdList.length - 1 ? ', ' : ' '}
                             </span>
                         ))}
@@ -640,7 +640,7 @@ export function SelectNftTokenDialog(props: SelectNftTokenDialogProps) {
                                                             ? classes.hide
                                                             : '',
                                                     )}
-                                                    key={i.toString()}>
+                                                    key={i}>
                                                     <NftImage
                                                         token={token}
                                                         classes={{
diff --git a/packages/mask/src/plugins/Snapshot/SNSAdaptor/InformationCard.tsx b/packages/mask/src/plugins/Snapshot/SNSAdaptor/InformationCard.tsx
index 5927d228e32e..9c57725cb484 100644
--- a/packages/mask/src/plugins/Snapshot/SNSAdaptor/InformationCard.tsx
+++ b/packages/mask/src/plugins/Snapshot/SNSAdaptor/InformationCard.tsx
@@ -79,7 +79,7 @@ export function InformationCard(props: InformationCardProps) {
                             .filter((strategy) => Boolean(strategy.params.address))
                             .map((strategy, i) => (
                                 <Link
-                                    key={i.toString()}
+                                    key={i}
                                     className={classes.link}
                                     target="_blank"
                                     rel="noopener"
diff --git a/packages/mask/src/plugins/Snapshot/SNSAdaptor/ResultCard.tsx b/packages/mask/src/plugins/Snapshot/SNSAdaptor/ResultCard.tsx
index 8fe93be1012f..1af154b357c4 100644
--- a/packages/mask/src/plugins/Snapshot/SNSAdaptor/ResultCard.tsx
+++ b/packages/mask/src/plugins/Snapshot/SNSAdaptor/ResultCard.tsx
@@ -101,7 +101,7 @@ function Content() {
             title={proposal.isEnd ? t('plugin_snapshot_result_title') : t('plugin_snapshot_current_result_title')}>
             <List className={classes.list}>
                 {results.map((result, i) => (
-                    <ListItem className={classes.listItem} key={i.toString()}>
+                    <ListItem className={classes.listItem} key={i}>
                         <Box className={classes.listItemHeader}>
                             <ShadowRootTooltip
                                 PopperProps={{
diff --git a/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx b/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
index 5616886b959b..f36a20a89dec 100644
--- a/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
+++ b/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
@@ -236,8 +236,8 @@ function SearchResultBox(props: SearchResultBoxProps) {
             ) : (
                 <List>
                     {(keyword === '' ? contractList : searchedTokenList).map((contract, i) => (
-                        <div key={i.toString()}>
-                            <ContractListItem key={i.toString()} onSubmit={onSubmit} contract={contract} />
+                        <div key={i}>
+                            <ContractListItem onSubmit={onSubmit} contract={contract} />
                         </div>
                     ))}
                 </List>
diff --git a/packages/mask/src/social-network-adaptor/twitter.com/injection/ToolboxHint_UI.tsx b/packages/mask/src/social-network-adaptor/twitter.com/injection/ToolboxHint_UI.tsx
index c30728bd9e5c..2ab4f0f9ed5e 100644
--- a/packages/mask/src/social-network-adaptor/twitter.com/injection/ToolboxHint_UI.tsx
+++ b/packages/mask/src/social-network-adaptor/twitter.com/injection/ToolboxHint_UI.tsx
@@ -14,7 +14,7 @@ const ListItem = styled(ListItemButton)`
     display: inline-flex;
     &:hover {
         background: rgba(15, 20, 25, 0.1);
-        ${({ theme }) => (theme.palette.mode === 'dark' ? `background: rgba(217, 217, 217, 0.1);` : '')}
+        ${({ theme }) => (theme.palette.mode === 'dark' ? 'background: rgba(217, 217, 217, 0.1);' : '')}
     }
     /* twitter break point */
     @media screen and (max-width: ${twitterBreakPoint}px) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bad111c8fe8a..2608eb3873c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,7 +10,7 @@ importers:
     specifiers:
       '@commitlint/cli': ^16.0.0
       '@commitlint/config-conventional': ^16.0.0
-      '@dimensiondev/eslint-plugin': ^0.0.1-20211222115249-7984aa5
+      '@dimensiondev/eslint-plugin': ^0.0.1-20220104011158-0905fa1
       '@dimensiondev/kit': 0.0.0-20211215044858-27d964f
       '@dimensiondev/patch-package': ^6.5.0
       '@emotion/cache': ^11.7.1
@@ -89,7 +89,7 @@ importers:
     devDependencies:
       '@commitlint/cli': 16.0.0
       '@commitlint/config-conventional': 16.0.0
-      '@dimensiondev/eslint-plugin': 0.0.1-20211222115249-7984aa5_eslint@8.5.0
+      '@dimensiondev/eslint-plugin': 0.0.1-20220104011158-0905fa1_eslint@8.5.0
       '@dimensiondev/patch-package': 6.5.0
       '@jest/globals': 27.4.4
       '@magic-works/i18n-codegen': 0.0.6_typescript@4.6.0-dev.20211202
@@ -3431,17 +3431,13 @@ packages:
       '@msgpack/msgpack': 1.12.2
     dev: false
 
-  /@dimensiondev/eslint-plugin/0.0.1-20211222115249-7984aa5_eslint@8.5.0:
-    resolution: {integrity: sha512-CcPs3cioDRhYs0Gpz+F4TKfL+rsgdulFd3zaBNU06Rq522opZX9VmpcrCDuW4f1EHNYKYIj1wEVGvBvSlbCMAg==, tarball: download/@dimensiondev/eslint-plugin/0.0.1-20211222115249-7984aa5/2641dcbec68ae0b51f1dc91e9c92abe14be0258740198e2c12d24888a5f1f338}
-    engines: {node: '>= 14'}
+  /@dimensiondev/eslint-plugin/0.0.1-20220104011158-0905fa1_eslint@8.5.0:
+    resolution: {integrity: sha512-DyAzOQp2Dp9Nzll6dTbujqyBAXOLhlWXvDdmnfX3+cHixhvaupbMeoh4MmujkOY681N5ohVm2eKWJd/ApC4lrQ==, tarball: download/@dimensiondev/eslint-plugin/0.0.1-20220104011158-0905fa1/931c157d880a7f8a78e87326a2840ad7d4583b5c714f155e045f73a11969fc82}
     peerDependencies:
       eslint: '>= 8'
     dependencies:
       eslint: 8.5.0
-      lodash.set: 4.3.2
     dev: true
-    bundledDependencies:
-      - lodash.set
 
   /@dimensiondev/holoflows-kit/0.9.0-20210902104757-7c3d0d0:
     resolution: {integrity: sha512-Vk22WLOTW20OECTHdLGulGmDsTFguURQYB9Oq8S+eDVrmWHCxKD/N+4OU5uCFrWCkqjl/n7vec3fVWUSunpBeA==, tarball: download/@dimensiondev/holoflows-kit/0.9.0-20210902104757-7c3d0d0/bce56871014284e7863fc97177b316aec94f6dfddf627312e690958400e958e8}
@@ -17757,6 +17753,7 @@ packages:
 
   /lodash.set/4.3.2:
     resolution: {integrity: sha1-2HV7HagH3eJIFrDWqEvqGnYjCyM=}
+    dev: false
 
   /lodash.unescape/4.0.1:
     resolution: {integrity: sha1-vyJJiGzlFM2hEvrpIYzcBlIR/Jw=}