chore: Adjust select convertChildrenToData logic

resolve ant-design/ant-design#22037

Author: zombieJ

src/utils/legacyUtil.ts

@@ -16,7 +16,7 @@ export function convertChildrenToData(
   optionOnly: boolean = false,
 ): OptionsType {
   return toArray(nodes)
-    .map((node: React.ReactElement): OptionData | OptionGroupData | null => {
+    .map((node: React.ReactElement, index: number): OptionData | OptionGroupData | null => {
       if (!React.isValidElement(node) || !node.type) {
         return null;
       }
@@ -34,7 +34,8 @@ export function convertChildrenToData(
       }
 
       return {
-        key,
+        key: `__RC_SELECT_GRP__${key === null ? index : key}__`,
+        label: key,
         ...restProps,
         options: convertChildrenToData(children),
       };

tests/utils.test.jsx

@@ -21,7 +21,7 @@ describe('Utils', () => {
       expect(convertChildrenToData(node.props.children)).toEqual([
         { key: 'light', value: 'light', children: 'Light' },
         {
-          key: null,
+          key: '__RC_SELECT_GRP__1__',
           label: 'Group',
           options: [{ key: null, children: 'Bamboo', value: 'bamboo' }],
         },