MyComponentContent.js

import * as React from 'react';

type Prop = {
  title: string,
  content: Array<string>
};

const MyComponentContent = ({title, content}: Prop): React.Node => (
  <>
    <h1>{title}</h1>
    {content.map( paragraph => <p>{paragraph}</p>)}
  </>
);

export { MyComponentContent };

MyComponentWrapper.js

import * as React from 'react';
import MyComponentContent from './MycomponentContent';

type Prop = {
  title: string,
  children: React.ChildrenArray<React.Element<typeof MyComponentContent>>
};

const MyComponentWrapper = ({title, children}: Prop): React.Node => (
  <>
    <h1>{title}</h1>
    {children}
  </>
);

export { MyComponentWrapper };