Ошибка импорта машинописного текста при импорте составного компонента

Question

Я сталкиваюсь со странной ошибкой импорта, когда пытаюсь импортировать компонент redux compose, я не могу сказать, что его вызывает, я установил все последние @types для соответствующих пакетов:

Ошибка:

JSX element type 'PostTable' does not have any construct or call signatures.

Родитель

import React from 'react';
import { Container, Row, Col } from 'react-bootstrap';
import CreatePost from '../postings/CreatePost';
import PostTable from '../postings/PostTable';

export default (props: { [key: string]: any }) => {
  return (
    <Container>
      <Row>
        <Col>
          <CreatePost></CreatePost>
        </Col>
        <Col>
          <PostTable></PostTable> //Error occurs here
        </Col>
      </Row>
    </Container>
  );
};

Ребенок

import React from 'react';
import { connect } from 'react-redux';
import { compose } from 'redux';
import { firestoreConnect } from 'react-redux-firebase';

const PostTable = (props: { [key: string]: any }) => {
  return (
    <table className="table table-striped">
      <thead>
        <tr>
          <th scope="col">#</th>
          <th scope="col">First</th>
          <th scope="col">Last</th>
        </tr>
      </thead>
      <tbody>
        {props.posts.map((post: { [key: string]: any }) => {
          return (
            <tr>
              <th scope="row">{post.id}</th>
              <td>{post.title}</td>
              <td>{post.content}</td>
            </tr>
          );
        })}
      </tbody>
    </table>
  );
};

const mapStateToProps = (state: { [key: string]: any }) => {
  return {
    posts: state.firestore.ordered.posts,
  };
};

export default compose(
  connect(mapStateToProps),
  firestoreConnect([
    {
      collection: 'posts',
    },
  ])
)(PostTable);