React Children Map 2

Accordion.js

 {React.Children.map(children, child => {
    const id = child.props.children[0].props.id

    const collapsed = React.cloneElement(child.props.children[0], {
      handleOpen
    })

    const expanded = child.props.children[1]

    return (
      <div>
        {collapsed}
        {id === open && expanded}
      </div>
    )
})}