使用create react app导出问题

Question

我第一次尝试使用create-react-app开始一个项目，但我遇到了麻烦。我的组件似乎没有被导出，因为我一直收到此错误Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

尝试渲染的组件I的代码看起来像这样

import React from 'react';
import { connect } from 'react-redux';

function mapStateToProps(state) {
    return {};
}

export const HomePage = connect(mapStateToProps)(
    class HomePageComponent extends React.Component {
        render() {
            return(
                <div>
                    hi
                </div>
            )
        }
    }
)

我在这里使用它

import { HomePage } from './Frontend/Components/HomePage.tsx';

class App extends React.Component {
  render() {
    return (
      <HomePage/>
    );
  }
}

export default App;

这是挂在这里的HTML

import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));

不确定我做错了什么。