Digamos que tenemos componente:

 let Component = (props)=><div>Hi</div>;

A veces me he encontrado con un código en el que alguien llama a un componente de reacción como función en el renderizado:

 const App = () => ( <div> {Component()} </div> )

vs renderizarlo como elemento

 const App = () => ( <div> <Component/> </div> )

En ganchos de reacción, ¿cuáles son los posibles inconvenientes de llamar al componente como función ?

Hay una pregunta similar , pero no está dirigida específicamente a los ganchos; también esa pregunta es más sobre el rendimiento.