feat: update function toArray to use a native functions of react18

Author: jeffdrumgod

src/Field.tsx

@@ -1,6 +1,6 @@
-import toChildrenArray from 'rc-util/es/Children/toArray';
 import warning from 'rc-util/es/warning';
 import * as React from 'react';
+import toChildrenArray from './utils/toChildrenArray';
 import type {
   FieldEntity,
   FormInstance,

src/utils/toChildrenArray.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+
+interface ToArrayOptions {
+  keepEmpty?: boolean;
+}
+
+export default function toChildrenArray(
+  children: ReactNode,
+  option: ToArrayOptions = {},
+): ReactNode[] {
+  let ret: ReactNode[] = [];
+
+  if (!option.keepEmpty) {
+    children = React.Children.toArray(children).filter(
+      child => child !== undefined && child !== null,
+    );
+  } else {
+    children = React.Children.toArray(children);
+  }
+
+  ret = (children as ReactNode[]).flatMap(child => {
+    if (Array.isArray(child)) {
+      return toChildrenArray(child, option);
+    } else if (React.isValidElement(child) && child.type === React.Fragment && child.props) {
+      return toChildrenArray(child.props.children, option);
+    } else {
+      return child;
+    }
+  });
+
+  return ret;
+}