从一个文件导入React组件，然后通过模块导出到另一个文件

Question

我在higherOrderComponent.tsx中将HOC定义为常量。

const HigherOrderComponent = (WrappedComponent: any) => (props: any) => {
    return (
        <OrderBioBagContext.Consumer>
            {context => <>
                <WrappedComponent {...props} context={context}/>
            </>}
        </OrderBioBagContext.Consumer>
    )
}

export default HigherOrderComponent

我如何在一个模块中导入此HOC，并通过同一模块导出它，以便在整个应用程序中均可从该模块获得HOC？这使我不必使用组件来引用文件，而这可能导致在文件夹层次结构中很长的../../导入。

目前我有这个：

import HigherOrderComponent from "./higherOrderComponent";

declare module "orderBioBag" {
    export default HigherOrderComponent
}

并从中这样导入：

import HigherOrderComponent from "orderBioBag";

但是我收到以下错误：Module not found: Error: Can't resolve 'orderBioBag'