I understand the react higher order component example from the official docs but I want to use it slightly differently if possible, with props.children - ie

```html
<PageHoc> // Higher order component 
     <Route exact path="/" component={Invite}  /> // I want to auto inject props here
</PageHoc>
```

In my page HOC I can auto render out the child component but how can I attach some new props here?

```html
import React from 'react';

  class PageHoc extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        return this.props.children
    }
  }

export default PageHoc;
```