在故事书中重新导出样式化的组件

Question

我正在用样式组件包装我的所有svg图标（以便更轻松地导入，从样式系统中获取道具等）。下面的代码显示了我的assets/index.ts文件，其中包含所有图标。

import { ReactComponent as Foo} from './foo.svg';
import { ReactComponent as Goo } from './goo.svg';

const Icon = styled(Box)``;

export const FooIcon = Icon.withComponent(Foo);
export const GooIcon = Icon.withComponent(Goo);

现在，我想在故事书index.storybook.tsx中显示所有这些图标。

export * from '.';

export default {
    title: 'Icons',
};

问题在于这些导出的图标不是React组件，而是样式化的组件，并且出现fn.apply is not a function错误。

我怎样才能将所有导出的图标重新放在故事书中？