I have two components -- one being a child and the other a parent. The parent component is designed to be a HOC that makes an ajax call for data, and then it passes that data down to its child. The props that it passes down to the children is dynamically added through `React.CloneElement` with the `this.props.children`.

With regards to flow, it isn't able to interpret/see the additional props I've added when re-cloning.

How do I get past this?

How both components relate.

```js
<ParentComponent>
     </ChildComponent />
</ParentComponent>

```

```js
const ParentComponent = (props) => {
     // code
     return (
          <>
               {React.cloneElement(this.props.children, { extraProps }}
          <>
      );
}

```

```js

type PropTypes = {
     extraProps: string, // flow complains, and I don't know how to get it to recognize that the extraProps is added dynamically.
};

const ChildComponent = (props) => {
    // code that uses the additional `extraProps`
}

```