What are the best component types to use in react + ts?

Question

typescript

Hello.
It is possible like this:

FC

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

And you can do it like this:

JSX.Element

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

Is there any difference, restrictions, "pitfalls"?
I didn’t see any difference in the console - one to one, only in one case I explicitly declare the type, and in the second ts itself

Answer 1

interface Props {
  someProp: string;
}

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