如何使用@inject of mobx with types in typescript（tsx）

Question

这是我的商店代码：

export  default class welcome {
    @observable username= "asd";
}

和我的component.tsx：一个简单的div组件，想要显示welcome的用户名

@inject("welcome")
@observer

export default class WelcomePage extends React.Component<any,any> {

render() {
    console.log(this.props.welcome.username)
    return <div>
        {this.props.welcome.username}
        <button >123213</button>
        hello react!</div>

}
}

我的参赛作品：

render(<Provider welcome={welcome}>
    <Router routes={routes} history={browserHistory}/>
    </Provider>,
    document.getElementById('app')
)

当我调试或记录this.props.welcome.username时，它是undefined.how来修复这个或如何在typescript（tsx）中使用@inject of mobx，我已经在github上阅读了一些demo / example：< / p>

https://github.com/contacts-mvc/mobx-react-typescript

他们都使用{key：value}注入props.not @inject anotation。