я есть очень простой компонент с состоянием, в котором я использую рекомпозицию, чтобы добавить несколько HOC в свой компонент (в моем примере я использую только один для простоты). По какой-то причине машинопись дает мне ошибку, касающуюся моего реквизита, входящего в мой компонент. Как я могу избавиться от этой ошибки?

Вот мой код:

import * as React from 'react';
import { connect } from 'react-redux';
import { compose } from 'recompose';

interface IStoreState {
  readonly sessionState: {
    authUser: { email: string; }
  }
}

interface IAccountPageProps { 
  authUser: { email: string } 
}

const AccountPage = ({ authUser }: IAccountPageProps ) =>
    <div>
      <h1>Account: {authUser.email}</h1>
    </div>

const mapStateToProps = (state: IStoreState) => ({
  authUser: state.sessionState.authUser,
});

export default compose(
  connect(mapStateToProps)
)(AccountPage);

И ошибка, которую я получаю:

Argument of type '({ authUser }: IAccountPageProps) => Element' is not assignable to parameter of type 'ComponentType<{}>'.
  Type '({ authUser }: IAccountPageProps) => Element' is not assignable to type 'StatelessComponent<{}>'.
    Types of parameters '__0' and 'props' are incompatible.
      Type '{ children?: ReactNode; }' is not assignable to type 'IAccountPageProps'.
        Property 'authUser' is missing in type '{ children?: ReactNode; }'.

Если я не использую перекомпоновать и вместо этого написать

export default connect(mapStateToProps)(AccountPage)

Я не получаю никаких ошибок.