Recursively cloning React children inside DOM tags

gistfile1.js

var RecursiveChildComponent = React.createClass({
  render() {
    return <div>
      {this.recursiveCloneChildren(this.props.children)}
    </div>
  },
  recursiveCloneChildren(children) {
    return React.Children.map(children, child => {
      var childProps = {};
      if (React.isValidElement(child)) {
          childProps = {someNew: "propToAdd"};
      }
      childProps.children = this.recursiveCloneChildren(child.props.children);
      return React.cloneElement(child, childProps);
    })
  }
})