notes about how to enable context in TSX

context.jsx

// Main Type of the context
export interface ProviderContext {
    name: String;
}

// Provider
export default class App extends React.Component<{}, {}> {
    static childContextTypes = {
        name: PropTypes.string
    }
    getChildContext() { // define context here
       return {
            name: 'TEST'
        }
    }
    render() {
        return this.props.children;
    }
}

// Consumer
export default class PersonContainer extends React.Component<IProps, {}> {
  static contextTypes = {
    name: PropTypes.string
  };
  context: ProviderContext;
  componentDidMount() {
    console.log(this.context.name);
  }
  public render() {
    return;
  }
}