в чем разница между компонентами и кастомными хуками?

вот мой код

function Label({title}){
  return <h1>{title}</h1>
}
function  useLabel({title}){
  return <h1> {title}</h1>
}
function Diff(){
  return <div>
    <Label title='this is component'/>
    {useLabel({title:'this is custom hook'})}
    </div>
}

в коде я определил компонент Label и пользовательский хук useLabel. они выполняют одну и ту же работу, за исключением того, что вызываются с использованием другого синтаксиса.

мои вопросы:

1. помимо синтаксиса вызова, в чем разница между пользовательскими хуками и компонентами?
2. могу ли я всегда использовать кастомные хуки вместо компонентов?