test.tsx

import TestNested, { IDoc } from './TestNested';

interface IDocTest extends IDoc {
  wtf: string,
}

interface IProps {
  doc: IDocTest,
}

class Test extends React.Component<IProps> {
  public render() {
    return (
      <div>
        <abbr>{this.props.doc.wtf.toUpperCase()}</abbr>
        <hr/>
        <TestNested doc={this.props.doc} />
      </div>
    );
  }
}