我是react的新手，我试图创建一个 Package 器，它将向他的子元素注入一个prop，而不添加另一层html元素（如div/span），所以我使用了React。cloneElement将子元素和prop传递给它以注入，它根本没有呈现子元素！
我做错了什么？
下面是 Package 器代码：

export const Wrapper = ({children}:{children:JSX.Element}) => {
  return React.cloneElement(children, {somePropFromWrapper: 'Yoo!'}, null);
};

当我试着使用它的时候

const ParentComponent = () => {
    return (
        <Wrapper>
            <ChildrenComponent id="children-id"> 
                the children inner html
            </ChildrenComponent> 
        <Wrapper>
    )
}

它根本没有渲染孩子们！