using mobx inject with typescript

HeaderContainer.tsx

import * as React from 'react';
import { inject, observer } from 'mobx-react';

import Header from 'components/base/Header';
import RootStore from 'stores';

interface HeaderContainerProps {}

interface InjectedProps extends HeaderContainerProps {
  mode: string;
  visible: boolean;
}

@inject(({ base }: RootStore) => ({
  mode: base.header.mode,
  visible: base.header.visible,
}))
@observer
class HeaderContainer extends React.Component<HeaderContainerProps> {
  get injected() {
    return this.props as InjectedProps;
  }
  public render() {
    const { mode, visible } = this.injected;
    if (!visible) return null;
    return <Header mode={mode} />;
  }
}

export default HeaderContainer;

WOW 감사합니다 :)