Is it possible to add a react element to children?

Question

React

I get the children in the component, then I create a copy and add a new element to props.children, when rendering this pie, I get an error that key is not specified. But my new element was successfully added to the children.
Maybe it's because you can't and shouldn't.

const element = <div>element</div>;
    console.log(children);
    const newChildren = { ...children };
    const childrenWithElement ={
            ...newChildren,
            props: {
                ...newChildren.props,
                children: [...newChildren.props.children, element]
            }
        };
    console.log(childrenWithElement);

Answer 1

Use the React.Children API to manipulate children.
And even better, don’t use it at all, but try to compose a composition somehow. Here it depends on the specific case.