react component children map clone props

comp.js

import React from 'react'
import PropTypes from 'prop-types'

const Comp = ({ children }) => {
  const childs = React.Children.map(children, child =>
    React.cloneElement(child, { ...child.props, moreProps: 123 })
  )

  return <div>{childs}</div>
}

Comp.Header = ({ children, propA }) => {
  return (
    <header>
      <h5>{children}</h5>
    </header>
  )
}

Comp.Body = ({ children, propB }) => {
  return <div>{children}</div>
}

export default Comp

wrapper.js

import React from 'react'
import Comp from './components/comp'

const Index = () => (
  <Comp>
    <Comp.Header propA="a">
      Long <span>title</span>
    </Comp.Header>
    <Comp.Body propB="b">
      <p>lorem ipsum...</p>
    </Comp.Body>
  </Comp>
)

export default Index

thanks @f