diff --git a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
index 10720ffa68..cd112aba32 100644
--- a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -573,14 +573,14 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
           >
             <input
               aria-autocomplete="list"
-              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="rc_select_TEST_OR_SSR_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              id="rc_select_TEST_OR_SSR"
+              id="test-id"
               role="combobox"
               type="search"
               value=""
@@ -610,14 +610,14 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
               <div>
                 <div
                   class="rc-virtual-list-holder-inner"
-                  id="rc_select_TEST_OR_SSR_list"
+                  id="test-id_list"
                   role="listbox"
                   style="display: flex; flex-direction: column;"
                 >
                   <div
                     aria-selected="true"
                     class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                    id="rc_select_TEST_OR_SSR_list_0"
+                    id="test-id_list_0"
                     role="option"
                     title="10 / page"
                   >
@@ -636,7 +636,7 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_1"
+                    id="test-id_list_1"
                     role="option"
                     title="20 / page"
                   >
@@ -655,7 +655,7 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_2"
+                    id="test-id_list_2"
                     role="option"
                     title="50 / page"
                   >
@@ -674,7 +674,7 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_3"
+                    id="test-id_list_3"
                     role="option"
                     title="100 / page"
                   >
@@ -1059,14 +1059,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1096,14 +1096,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -1122,7 +1122,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -1141,7 +1141,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -1160,7 +1160,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -1401,15 +1401,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1439,14 +1439,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -1465,7 +1465,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -1484,7 +1484,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -1503,7 +1503,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -1711,14 +1711,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1748,14 +1748,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -1774,7 +1774,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -1793,7 +1793,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -1812,7 +1812,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -2064,15 +2064,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -2102,14 +2102,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -2128,7 +2128,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -2147,7 +2147,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -2166,7 +2166,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -2497,14 +2497,14 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
           >
             <input
               aria-autocomplete="list"
-              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="rc_select_TEST_OR_SSR_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              id="rc_select_TEST_OR_SSR"
+              id="test-id"
               role="combobox"
               type="search"
               value=""
@@ -2534,14 +2534,14 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
               <div>
                 <div
                   class="rc-virtual-list-holder-inner"
-                  id="rc_select_TEST_OR_SSR_list"
+                  id="test-id_list"
                   role="listbox"
                   style="display: flex; flex-direction: column;"
                 >
                   <div
                     aria-selected="true"
                     class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                    id="rc_select_TEST_OR_SSR_list_0"
+                    id="test-id_list_0"
                     role="option"
                     title="10 / page"
                   >
@@ -2560,7 +2560,7 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_1"
+                    id="test-id_list_1"
                     role="option"
                     title="20 / page"
                   >
@@ -2579,7 +2579,7 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_2"
+                    id="test-id_list_2"
                     role="option"
                     title="50 / page"
                   >
@@ -2598,7 +2598,7 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_3"
+                    id="test-id_list_3"
                     role="option"
                     title="100 / page"
                   >
@@ -2844,14 +2844,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -2881,14 +2881,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -2907,7 +2907,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -2926,7 +2926,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -2945,7 +2945,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -3197,15 +3197,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -3235,14 +3235,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -3261,7 +3261,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -3280,7 +3280,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -3299,7 +3299,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -3632,14 +3632,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -3669,14 +3669,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -3695,7 +3695,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -3714,7 +3714,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -3733,7 +3733,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -4068,15 +4068,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -4106,14 +4106,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -4132,7 +4132,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -4151,7 +4151,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -4170,7 +4170,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -4477,14 +4477,14 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
           >
             <input
               aria-autocomplete="list"
-              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="rc_select_TEST_OR_SSR_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              id="rc_select_TEST_OR_SSR"
+              id="test-id"
               role="combobox"
               type="search"
               value=""
@@ -4514,14 +4514,14 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
               <div>
                 <div
                   class="rc-virtual-list-holder-inner"
-                  id="rc_select_TEST_OR_SSR_list"
+                  id="test-id_list"
                   role="listbox"
                   style="display: flex; flex-direction: column;"
                 >
                   <div
                     aria-selected="true"
                     class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                    id="rc_select_TEST_OR_SSR_list_0"
+                    id="test-id_list_0"
                     role="option"
                     title="10 / page"
                   >
@@ -4540,7 +4540,7 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_1"
+                    id="test-id_list_1"
                     role="option"
                     title="20 / page"
                   >
@@ -4559,7 +4559,7 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_2"
+                    id="test-id_list_2"
                     role="option"
                     title="50 / page"
                   >
@@ -4578,7 +4578,7 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
-                    id="rc_select_TEST_OR_SSR_list_3"
+                    id="test-id_list_3"
                     role="option"
                     title="100 / page"
                   >
@@ -5040,14 +5040,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -5077,14 +5077,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -5103,7 +5103,7 @@ Array [
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -5122,7 +5122,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -5141,7 +5141,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -5338,14 +5338,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -5375,14 +5375,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -5401,7 +5401,7 @@ Array [
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -5420,7 +5420,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -5439,7 +5439,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -5686,14 +5686,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -5723,14 +5723,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -5749,7 +5749,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -5768,7 +5768,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -5787,7 +5787,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -6028,15 +6028,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -6066,14 +6066,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -6092,7 +6092,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -6111,7 +6111,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -6130,7 +6130,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -6371,14 +6371,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -6408,14 +6408,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -6434,7 +6434,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -6453,7 +6453,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -6472,7 +6472,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
@@ -6713,15 +6713,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="rc_select_TEST_OR_SSR_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="rc_select_TEST_OR_SSR_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
-                id="rc_select_TEST_OR_SSR"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -6751,14 +6751,14 @@ Array [
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
-                    id="rc_select_TEST_OR_SSR_list"
+                    id="test-id_list"
                     role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
-                      id="rc_select_TEST_OR_SSR_list_0"
+                      id="test-id_list_0"
                       role="option"
                       title="10 / page"
                     >
@@ -6777,7 +6777,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_1"
+                      id="test-id_list_1"
                       role="option"
                       title="20 / page"
                     >
@@ -6796,7 +6796,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_2"
+                      id="test-id_list_2"
                       role="option"
                       title="50 / page"
                     >
@@ -6815,7 +6815,7 @@ Array [
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
-                      id="rc_select_TEST_OR_SSR_list_3"
+                      id="test-id_list_3"
                       role="option"
                       title="100 / page"
                     >
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
index ad28c4a1b6..d8758755a5 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
@@ -571,13 +571,14 @@ exports[`renders components/pagination/demo/all.tsx correctly 1`] = `
           >
             <input
               aria-autocomplete="list"
-              aria-controls="undefined_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="undefined_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              id="test-id"
               role="combobox"
               type="search"
               value=""
@@ -950,13 +951,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1189,14 +1191,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1394,13 +1397,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1644,14 +1648,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -1970,13 +1975,14 @@ exports[`renders components/pagination/demo/itemRender.tsx correctly 1`] = `
           >
             <input
               aria-autocomplete="list"
-              aria-controls="undefined_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="undefined_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              id="test-id"
               role="combobox"
               type="search"
               value=""
@@ -2212,13 +2218,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -2462,14 +2469,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -2792,13 +2800,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -3125,14 +3134,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -3429,13 +3439,14 @@ exports[`renders components/pagination/demo/more.tsx correctly 1`] = `
           >
             <input
               aria-autocomplete="list"
-              aria-controls="undefined_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="undefined_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              id="test-id"
               role="combobox"
               type="search"
               value=""
@@ -3885,13 +3896,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -4080,13 +4092,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -4323,13 +4336,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -4562,14 +4576,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -4802,13 +4817,14 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
@@ -5041,14 +5057,15 @@ Array [
             >
               <input
                 aria-autocomplete="list"
-                aria-controls="undefined_list"
+                aria-controls="test-id_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 aria-label="Page Size"
-                aria-owns="undefined_list"
+                aria-owns="test-id_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 disabled=""
+                id="test-id"
                 role="combobox"
                 type="search"
                 value=""
diff --git a/components/pagination/__tests__/__snapshots__/index.test.tsx.snap b/components/pagination/__tests__/__snapshots__/index.test.tsx.snap
index 85c30f21fd..befbe60f1d 100644
--- a/components/pagination/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/pagination/__tests__/__snapshots__/index.test.tsx.snap
@@ -267,14 +267,14 @@ exports[`Pagination ConfigProvider should be rendered correctly when componentSi
           >
             <input
               aria-autocomplete="list"
-              aria-controls="rc_select_TEST_OR_SSR_list"
+              aria-controls="test-id_list"
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Page Size"
-              aria-owns="rc_select_TEST_OR_SSR_list"
+              aria-owns="test-id_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              id="rc_select_TEST_OR_SSR"
+              id="test-id"
               role="combobox"
               type="search"
               value=""