1import React, { Children, isValidElement, cloneElement } from 'react';
2
3const Child = ({ doSomething, value }) => (
4  <div onClick={() => doSomething(value)}>Click Me</div>
5);
6
7function Parent({ children }) {
8  function doSomething(value) {
9    console.log('doSomething called by child with value:', value);
10  }
11
12  render() {
13    const childrenWithProps = Children.map(children, child => {
14      // Checking isValidElement is the safe way and avoids a TS error too.
15      if (isValidElement(child)) {
16        return cloneElement(child, { doSomething })
17      }
18
19      return child;
20    });
21
22    return <div>{childrenWithProps}</div>
23  }
24};
25
26ReactDOM.render(
27  <Parent>
28    <Child value="1" />
29    <Child value="2" />
30  </Parent>,
31  document.getElementById('container')
32);