title: How to declare functions with normal syntax and use children in react with TS?
body: <p>I know that it can be typed in several ways, two of them using the interface <code>React.FC&lt;YourInterface&gt;</code> or declaring explicitly in an interface the type of <em>children</em> as <em>JSX.Element</em> or <em>React.Node</em>. So far I have to do this:</p>
  <p><code>const MyComponent: React.FC&lt;MyInterface&gt; = function({ x, children }) {} export default Mycomponent</code></p>
  <p>By normal syntax I mean <code>export default function Foo({ x, children })</code>. Without first having to declare a constant or variable. I've already tried with <code>function Foo({ x, children }): React.FC&lt;MyInterface&gt;</code> but TS transpiler gives error.</p>
  <p>All tutorials I've seen are few and always use the arrow function syntax. I just feel more comfortable using the normal syntax</p>