Which are best option(s) to append many props to child component?

Using react 15.5.4

I have a component already configured to cross props in its child.

export default class Component extends React.Component {

  render() {
    return (
      <TemplateAbout
        header={{
         title: 'WHY US',
         description: 'Our Team Member share the same Vision',
        }}
      />
    );
  }
}

I want to change the interface of the Component into NewComponent as the example below.

export default class NewComponent extends React.Component {

  render() {
    return (
      <TemplateAbout>
        <Header title="WHY US" description="Our Team Member share the same Vision" />
      </TemplateAbout>
    );
  }
}

Which are best ways to do it ?