如何从react-intl和typescript一起使用injectIntl？

import { injectIntl, FormattedMessage } from 'react-intl';

interface MyComponentProps {
  intl: any;
}

class MyComponent extends React.Component<MyComponentProps> {
  // ...
}

export default injectIntl(MyComponent);

class MyComponent extends React.Component<MyComponentProps> {
  render() {
    const { intl } = this.props;
    return (
      <div>
        <FormattedMessage id="greeting" defaultMessage="Hello, {name}!" values={{ name: 'John' }} />
      </div>
    );
  }
}

// messages.json
{
  "greeting": "你好，{name}！"
}

// messages.js
export default {
  greeting: "你好，{name}！"
};

class MyComponent extends React.Component<MyComponentProps> {
  render() {
    const { intl } = this.props;
    const greeting = intl.formatMessage({ id: 'greeting' }, { name: 'John' });
    return (
      <div>
        {greeting}
      </div>
    );
  }
}