migrate.tsx

import * as React from 'react';

interface IUser {
  id: number,
}

interface IProps {
  name: string,
  somethingOptional?: string,
  age: number,
  doSomething: (a: number) => number,
  user: IUser,
  children: React.ReactNode,
  gender: 'male' | 'female',
  parts: string[],
}

class Test extends React.Component<IProps, State> {
  public render() {
    return (
      <div>
        Hello there!
      </div>
    );
  }
}

export default Test;

  <Test
          name="name"
          age={18}
          doSomething={this.doSomething}
          user={{
            id: 1
          }}
          gender="male"
          parts={['legs', 'head', 'arms']}
        >
          Inside test
        </Test>