Reactのchildrenの型定義がうまくいかない問題

export const ChildrenWrapper = ({ children }: { children: ReactNode[] }) => {
  return (
    <div>
      {React.Children.map(children, child => {
        return React.createElement(child.type, { // ReactNode に type は存在しねえよ！
          ...{
            ...child.props, // ReactNode にprops は存在しねえよ！
            hoge: fuga
          }
        })
      })}
    </div>
  )
}

type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
type ReactChild = ReactElement | ReactText;
type ReactFragment = {} | ReactNodeArray;
interface ReactPortal extends ReactElement {
    key: Key | null;
    children: ReactNode;
}
type ReactText = string | number;

interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
        type: T;
        props: P;
        key: Key | null;
    }

- export const ChildrenWrapper = ({ children }: { children: ReactNode[] }) => {
+ export const ChildrenWrapper = ({ children }: { children: ReactElement[] }) => {
  return (
    <div>
      {React.Children.map(children, child => {
        return React.createElement(child.type, {
          ...{
            ...child.props,
            hoge: fuga
          }
        })
      })}
    </div>
  )
}