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

Question

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

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

export default HOC({ component: SampleComponent });

И HO C просто

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

Answer 1

HO C должно быть

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