How to clone React element with new props.

cloneWithNewProps.jsx

render() {
  return (
    {React.Children.map(
      this.props.children,
      (child, index) => {
        switch (typeof child) {
          case 'string':
            return child

          case 'object':
            return React.cloneElement(child, newProps);
            // or
            // return <child.type {...child.props, ...newProps} />

          default:
            return null
        }
      },
    )}
  );
}