Какие лучше использовать типы компонентов в react + ts?

Question

[Ostic]

Здравствуйте.
Можно так:

FC

const Component1: React.FC = () => {
  return (
    <div>
       FC
    </div>
  )
}

А можно вот так:

JSX.Element

function Component2(){
  return (
    <div>
      JSX.Element
    </div>
  )
}

Есть какая-нибудь разница, ограничения, "подводные камни"?
Я никакой разницы в консоли не увидел - один к одному, только в одном случае я явно тип объявляю, а во втором сам ts

Answer 1

[Антон Спирин]

interface Props {
  someProp: string;
}

const Example: React.FC<Props> = ({ someProp }) => (
  <div>{someProp}</div>
);