title: React TypeScript: (props: OwnProps) => Element' is not assignable to type 'FunctionComponent<{}>
body: <p>As a JSX element, all is good...</p>
  
  <pre><code>interface OwnProps {
    children: JSX.Element;
    location: Location;
  }
  
  export function Layout(props: OwnProps): JSX.Element {
  </code></pre>
  
  <p>When I change it to a functional component I get an error on <code>Layout</code></p>
  
  <pre><code>interface OwnProps {
    children: JSX.Element;
    location: Location;
  }
  
  const Layout: React.FC = (props: OwnProps) =&gt; {
  </code></pre>
  
  <p>The Error is</p>
  
  <pre><code>Type '(props: OwnProps) =&gt; Element' is not assignable to type 'FunctionComponent&lt;{}&gt;'.
    Types of parameters 'props' and 'props' are incompatible.
      Property 'location' is missing in type '{ children?: ReactNode; }' but required in type 'OwnProps'.ts(2322)
  layout.tsx(18, 3): 'location' is declared here.
  </code></pre>