Recursively cloning React children

Foo.js

import React from 'react';
import { isObject } from 'lodash';

export class Foo extends React.Component {
  recursiveCloneChildren(children) {
    return React.Children.map(children, child => {
      if(!isObject(child)) return child;
      var childProps = {someNew: "propToAdd"};
      childProps.children = this.recursiveCloneChildren(child.props.children);
      return React.cloneElement(child, childProps);
    })
  }
  
  render() {
    const { children } = this.props;
    
    const clonedChildren = this.recursiveCloneChildren(children);
    
    return (
      <div>
        {clonedChildren}
      </div>
    )
  }
};