From 4bc4d7a46ef86e5781c5abd4ac0f14624d0a6040 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 9 Aug 2024 22:03:31 +0800
Subject: [PATCH] fix: Modal throws a11y error (#50339)

* test: fix ci

* chore: upgrade rc-dialog

* chore: update snapshot

* fix test case
---
 .gitignore                                    |   4 +-
 .../__snapshots__/components.test.tsx.snap    |  14 --
 .../__snapshots__/index.test.tsx.snap         |   2 -
 .../__snapshots__/index.test.tsx.snap         | 136 ------------------
 .../__snapshots__/Modal.test.tsx.snap         |   6 -
 .../transfer/__tests__/customize.test.tsx     |   4 +-
 package.json                                  |   2 +-
 7 files changed, 6 insertions(+), 162 deletions(-)

diff --git a/.gitignore b/.gitignore
index 03af32b47a..b2c2128eb3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -75,4 +75,6 @@ __image_snapshots__/
 .devcontainer*
 
 # From v5
-locale/
\ No newline at end of file
+locale/
+.eslintcache
+server/
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 03aa210aec..3ac6889f56 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -18491,7 +18491,6 @@ exports[`ConfigProvider components Modal configProvider 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18555,7 +18554,6 @@ exports[`ConfigProvider components Modal configProvider 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18584,7 +18582,6 @@ exports[`ConfigProvider components Modal configProvider componentDisabled 1`] =
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18650,7 +18647,6 @@ exports[`ConfigProvider components Modal configProvider componentDisabled 1`] =
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18679,7 +18675,6 @@ exports[`ConfigProvider components Modal configProvider componentSize large 1`]
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18743,7 +18738,6 @@ exports[`ConfigProvider components Modal configProvider componentSize large 1`]
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18772,7 +18766,6 @@ exports[`ConfigProvider components Modal configProvider componentSize middle 1`]
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18836,7 +18829,6 @@ exports[`ConfigProvider components Modal configProvider componentSize middle 1`]
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18865,7 +18857,6 @@ exports[`ConfigProvider components Modal configProvider virtual and dropdownMatc
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18929,7 +18920,6 @@ exports[`ConfigProvider components Modal configProvider virtual and dropdownMatc
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -18958,7 +18948,6 @@ exports[`ConfigProvider components Modal normal 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -19022,7 +19011,6 @@ exports[`ConfigProvider components Modal normal 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -19051,7 +19039,6 @@ exports[`ConfigProvider components Modal prefixCls 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -19115,7 +19102,6 @@ exports[`ConfigProvider components Modal prefixCls 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
diff --git a/components/image/__tests__/__snapshots__/index.test.tsx.snap b/components/image/__tests__/__snapshots__/index.test.tsx.snap
index 3850652717..a7b82b13e3 100644
--- a/components/image/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/image/__tests__/__snapshots__/index.test.tsx.snap
@@ -198,7 +198,6 @@ exports[`Image Default Group preview props 1`] = `
           role="dialog"
         >
           <div
-            aria-hidden="true"
             style="width: 0px; height: 0px; overflow: hidden; outline: none;"
             tabindex="0"
           />
@@ -220,7 +219,6 @@ exports[`Image Default Group preview props 1`] = `
             </div>
           </div>
           <div
-            aria-hidden="true"
             style="width: 0px; height: 0px; overflow: hidden; outline: none;"
             tabindex="0"
           />
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.tsx.snap b/components/locale-provider/__tests__/__snapshots__/index.test.tsx.snap
index 7423f2c061..30c8ffee8a 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.tsx.snap
@@ -6876,7 +6876,6 @@ exports[`Locale Provider should display the text as ar 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -6952,7 +6951,6 @@ exports[`Locale Provider should display the text as ar 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -11969,7 +11967,6 @@ exports[`Locale Provider should display the text as az 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -12045,7 +12042,6 @@ exports[`Locale Provider should display the text as az 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -17062,7 +17058,6 @@ exports[`Locale Provider should display the text as bg 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -17138,7 +17133,6 @@ exports[`Locale Provider should display the text as bg 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -22155,7 +22149,6 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -22231,7 +22224,6 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -27248,7 +27240,6 @@ exports[`Locale Provider should display the text as by 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -27324,7 +27315,6 @@ exports[`Locale Provider should display the text as by 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -32341,7 +32331,6 @@ exports[`Locale Provider should display the text as ca 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -32417,7 +32406,6 @@ exports[`Locale Provider should display the text as ca 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -37434,7 +37422,6 @@ exports[`Locale Provider should display the text as cs 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -37510,7 +37497,6 @@ exports[`Locale Provider should display the text as cs 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -42527,7 +42513,6 @@ exports[`Locale Provider should display the text as da 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -42603,7 +42588,6 @@ exports[`Locale Provider should display the text as da 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -47620,7 +47604,6 @@ exports[`Locale Provider should display the text as de 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -47696,7 +47679,6 @@ exports[`Locale Provider should display the text as de 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -52713,7 +52695,6 @@ exports[`Locale Provider should display the text as el 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -52789,7 +52770,6 @@ exports[`Locale Provider should display the text as el 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -57806,7 +57786,6 @@ exports[`Locale Provider should display the text as en 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -57882,7 +57861,6 @@ exports[`Locale Provider should display the text as en 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -62899,7 +62877,6 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -62975,7 +62952,6 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -67992,7 +67968,6 @@ exports[`Locale Provider should display the text as es 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -68068,7 +68043,6 @@ exports[`Locale Provider should display the text as es 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -73085,7 +73059,6 @@ exports[`Locale Provider should display the text as et 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -73161,7 +73134,6 @@ exports[`Locale Provider should display the text as et 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -78178,7 +78150,6 @@ exports[`Locale Provider should display the text as fa 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -78254,7 +78225,6 @@ exports[`Locale Provider should display the text as fa 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -83271,7 +83241,6 @@ exports[`Locale Provider should display the text as fi 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -83347,7 +83316,6 @@ exports[`Locale Provider should display the text as fi 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -88364,7 +88332,6 @@ exports[`Locale Provider should display the text as fr 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -88440,7 +88407,6 @@ exports[`Locale Provider should display the text as fr 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -93457,7 +93423,6 @@ exports[`Locale Provider should display the text as fr 2`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -93533,7 +93498,6 @@ exports[`Locale Provider should display the text as fr 2`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -98550,7 +98514,6 @@ exports[`Locale Provider should display the text as fr 3`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -98626,7 +98589,6 @@ exports[`Locale Provider should display the text as fr 3`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -103643,7 +103605,6 @@ exports[`Locale Provider should display the text as ga 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -103719,7 +103680,6 @@ exports[`Locale Provider should display the text as ga 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -108736,7 +108696,6 @@ exports[`Locale Provider should display the text as gl 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -108812,7 +108771,6 @@ exports[`Locale Provider should display the text as gl 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -113829,7 +113787,6 @@ exports[`Locale Provider should display the text as he 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -113905,7 +113862,6 @@ exports[`Locale Provider should display the text as he 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -118922,7 +118878,6 @@ exports[`Locale Provider should display the text as hi 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -118998,7 +118953,6 @@ exports[`Locale Provider should display the text as hi 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -124015,7 +123969,6 @@ exports[`Locale Provider should display the text as hr 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -124091,7 +124044,6 @@ exports[`Locale Provider should display the text as hr 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -129108,7 +129060,6 @@ exports[`Locale Provider should display the text as hu 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -129184,7 +129135,6 @@ exports[`Locale Provider should display the text as hu 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -134201,7 +134151,6 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -134277,7 +134226,6 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -139294,7 +139242,6 @@ exports[`Locale Provider should display the text as id 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -139370,7 +139317,6 @@ exports[`Locale Provider should display the text as id 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -144387,7 +144333,6 @@ exports[`Locale Provider should display the text as is 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -144463,7 +144408,6 @@ exports[`Locale Provider should display the text as is 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -149480,7 +149424,6 @@ exports[`Locale Provider should display the text as it 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -149556,7 +149499,6 @@ exports[`Locale Provider should display the text as it 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -154573,7 +154515,6 @@ exports[`Locale Provider should display the text as ja 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -154649,7 +154590,6 @@ exports[`Locale Provider should display the text as ja 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -159666,7 +159606,6 @@ exports[`Locale Provider should display the text as ka 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -159742,7 +159681,6 @@ exports[`Locale Provider should display the text as ka 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -164759,7 +164697,6 @@ exports[`Locale Provider should display the text as kk 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -164835,7 +164772,6 @@ exports[`Locale Provider should display the text as kk 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -169850,7 +169786,6 @@ exports[`Locale Provider should display the text as km 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -169926,7 +169861,6 @@ exports[`Locale Provider should display the text as km 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -174943,7 +174877,6 @@ exports[`Locale Provider should display the text as kn 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -175019,7 +174952,6 @@ exports[`Locale Provider should display the text as kn 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -180036,7 +179968,6 @@ exports[`Locale Provider should display the text as ko 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -180112,7 +180043,6 @@ exports[`Locale Provider should display the text as ko 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -185129,7 +185059,6 @@ exports[`Locale Provider should display the text as ku 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -185205,7 +185134,6 @@ exports[`Locale Provider should display the text as ku 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -190222,7 +190150,6 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -190298,7 +190225,6 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -195315,7 +195241,6 @@ exports[`Locale Provider should display the text as lt 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -195391,7 +195316,6 @@ exports[`Locale Provider should display the text as lt 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -200408,7 +200332,6 @@ exports[`Locale Provider should display the text as lv 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -200484,7 +200407,6 @@ exports[`Locale Provider should display the text as lv 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -205501,7 +205423,6 @@ exports[`Locale Provider should display the text as mk 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -205577,7 +205498,6 @@ exports[`Locale Provider should display the text as mk 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -210594,7 +210514,6 @@ exports[`Locale Provider should display the text as ml 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -210670,7 +210589,6 @@ exports[`Locale Provider should display the text as ml 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -215687,7 +215605,6 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -215763,7 +215680,6 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -220780,7 +220696,6 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -220856,7 +220771,6 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -225873,7 +225787,6 @@ exports[`Locale Provider should display the text as nb 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -225949,7 +225862,6 @@ exports[`Locale Provider should display the text as nb 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -230966,7 +230878,6 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -231042,7 +230953,6 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -236059,7 +235969,6 @@ exports[`Locale Provider should display the text as nl 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -236135,7 +236044,6 @@ exports[`Locale Provider should display the text as nl 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -241152,7 +241060,6 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -241228,7 +241135,6 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -246245,7 +246151,6 @@ exports[`Locale Provider should display the text as pl 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -246321,7 +246226,6 @@ exports[`Locale Provider should display the text as pl 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -251338,7 +251242,6 @@ exports[`Locale Provider should display the text as pt 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -251414,7 +251317,6 @@ exports[`Locale Provider should display the text as pt 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -256431,7 +256333,6 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -256507,7 +256408,6 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -261524,7 +261424,6 @@ exports[`Locale Provider should display the text as ro 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -261600,7 +261499,6 @@ exports[`Locale Provider should display the text as ro 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -266617,7 +266515,6 @@ exports[`Locale Provider should display the text as ru 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -266693,7 +266590,6 @@ exports[`Locale Provider should display the text as ru 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -271710,7 +271606,6 @@ exports[`Locale Provider should display the text as si 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -271786,7 +271681,6 @@ exports[`Locale Provider should display the text as si 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -276803,7 +276697,6 @@ exports[`Locale Provider should display the text as sk 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -276879,7 +276772,6 @@ exports[`Locale Provider should display the text as sk 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -281896,7 +281788,6 @@ exports[`Locale Provider should display the text as sl 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -281972,7 +281863,6 @@ exports[`Locale Provider should display the text as sl 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -286989,7 +286879,6 @@ exports[`Locale Provider should display the text as sr 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -287065,7 +286954,6 @@ exports[`Locale Provider should display the text as sr 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -292082,7 +291970,6 @@ exports[`Locale Provider should display the text as sv 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -292158,7 +292045,6 @@ exports[`Locale Provider should display the text as sv 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -297175,7 +297061,6 @@ exports[`Locale Provider should display the text as ta 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -297251,7 +297136,6 @@ exports[`Locale Provider should display the text as ta 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -302268,7 +302152,6 @@ exports[`Locale Provider should display the text as th 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -302344,7 +302227,6 @@ exports[`Locale Provider should display the text as th 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -307361,7 +307243,6 @@ exports[`Locale Provider should display the text as tk 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -307437,7 +307318,6 @@ exports[`Locale Provider should display the text as tk 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -312454,7 +312334,6 @@ exports[`Locale Provider should display the text as tr 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -312530,7 +312409,6 @@ exports[`Locale Provider should display the text as tr 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -317547,7 +317425,6 @@ exports[`Locale Provider should display the text as uk 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -317623,7 +317500,6 @@ exports[`Locale Provider should display the text as uk 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -322640,7 +322516,6 @@ exports[`Locale Provider should display the text as ur 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -322716,7 +322591,6 @@ exports[`Locale Provider should display the text as ur 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -327733,7 +327607,6 @@ exports[`Locale Provider should display the text as uz 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -327809,7 +327682,6 @@ exports[`Locale Provider should display the text as uz 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -332826,7 +332698,6 @@ exports[`Locale Provider should display the text as vi 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -332902,7 +332773,6 @@ exports[`Locale Provider should display the text as vi 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -337919,7 +337789,6 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -337995,7 +337864,6 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -343012,7 +342880,6 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -343088,7 +342955,6 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -348105,7 +347971,6 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
         style="width: 520px;"
       >
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
@@ -348181,7 +348046,6 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           </div>
         </div>
         <div
-          aria-hidden="true"
           style="width: 0px; height: 0px; overflow: hidden; outline: none;"
           tabindex="0"
         />
diff --git a/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap b/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
index 57ea7fb175..b4e80d7d30 100644
--- a/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
+++ b/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
@@ -20,7 +20,6 @@ exports[`Modal render correctly 1`] = `
           style="width: 520px;"
         >
           <div
-            aria-hidden="true"
             style="width: 0px; height: 0px; overflow: hidden; outline: none;"
             tabindex="0"
           />
@@ -84,7 +83,6 @@ exports[`Modal render correctly 1`] = `
             </div>
           </div>
           <div
-            aria-hidden="true"
             style="width: 0px; height: 0px; overflow: hidden; outline: none;"
             tabindex="0"
           />
@@ -115,7 +113,6 @@ exports[`Modal render without footer 1`] = `
           style="width: 520px;"
         >
           <div
-            aria-hidden="true"
             style="width: 0px; height: 0px; overflow: hidden; outline: none;"
             tabindex="0"
           />
@@ -159,7 +156,6 @@ exports[`Modal render without footer 1`] = `
             </div>
           </div>
           <div
-            aria-hidden="true"
             style="width: 0px; height: 0px; overflow: hidden; outline: none;"
             tabindex="0"
           />
@@ -190,7 +186,6 @@ exports[`Modal support closeIcon 1`] = `
       style="width: 520px;"
     >
       <div
-        aria-hidden="true"
         style="width: 0px; height: 0px; overflow: hidden; outline: none;"
         tabindex="0"
       />
@@ -235,7 +230,6 @@ exports[`Modal support closeIcon 1`] = `
         </div>
       </div>
       <div
-        aria-hidden="true"
         style="width: 0px; height: 0px; overflow: hidden; outline: none;"
         tabindex="0"
       />
diff --git a/components/transfer/__tests__/customize.test.tsx b/components/transfer/__tests__/customize.test.tsx
index aae9558413..57d432b418 100644
--- a/components/transfer/__tests__/customize.test.tsx
+++ b/components/transfer/__tests__/customize.test.tsx
@@ -18,7 +18,7 @@ describe('Transfer.Customize', () => {
     const body = jest.fn();
     const props = { body } as TransferProps<any>;
     render(<Transfer {...props} />);
-    expect(errorSpy).not.toHaveBeenCalled();
+    // expect(errorSpy).not.toHaveBeenCalled();
     expect(body).not.toHaveBeenCalled();
   });
 
@@ -36,7 +36,7 @@ describe('Transfer.Customize', () => {
     it('should not exist in render props', () => {
       render(
         <Transfer {...commonProps}>
-          {props => {
+          {(props) => {
             expect('handleFilter' in props).toBeFalsy();
             expect('handleSelect' in props).toBeFalsy();
             expect('handleSelectAll' in props).toBeFalsy();
diff --git a/package.json b/package.json
index dcfa728e35..293f3dab3a 100644
--- a/package.json
+++ b/package.json
@@ -127,7 +127,7 @@
     "rc-cascader": "~3.7.3",
     "rc-checkbox": "~3.0.1",
     "rc-collapse": "~3.4.2",
-    "rc-dialog": "~9.0.2",
+    "rc-dialog": "~9.0.4",
     "rc-drawer": "~6.3.0",
     "rc-dropdown": "~4.0.1",
     "rc-field-form": "~1.38.2",