экспорт по умолчанию HOC(SampleComponent) не работает с функциональным компонентом React

Question

Я не могу использовать функцию реакции HOC с функциональным компонентом. В приведенном ниже коде экспорт HOC по умолчанию ({component: SampleComponent}) не работает

const SampleComponent: FC = () => {
  return (<div>Hello World</div>);
};

export default HOC({component: SampleComponent});

А HOC просто

const HOC = ({ component: Component }) => {
  return (<Component/>);
}

Answer 1

HOC должен быть

const HOC = ({ component: Component }) => {
  return (props: {}) => (<Component/>);
}