Is there a way to pass all props to the children element?

Question

React

children = React.cloneElement(this.props.children, {
        fetchLatestPosts: this.props.fetchLatestPosts,
        latestPosts: this.props.latestPosts,
        childPath: this.props.childPath,
        onChangePage: this.props.onChangePage,
      })

Now I do it like this
I would like something like this

children = React.cloneElement(this.props.children, this.props)

But if I do this - Maximum callstack size

Answer 1

const props = {
  children: 'example JSX element',
  className: 'pirozhok',
  someProp: 42
}

const newProps = Object.assign({}, props);
delete newProps.children;

const children = React.cloneElement(props.children, newProps)