title: Typing React Namespaces
body: <p>I'm trying to figure out how to type react namespaces.</p>
  <p>Currently, I have a component</p>
  <pre><code>import {Head} from &quot;./head/head&quot;;
  import {Body} from &quot;./body/body&quot;;
  
  interface Props {
    id: string
  }
  
  const Component:React.FC&lt;Props&gt; = ({id}) =&gt;{
  return &lt;span&gt;Hello World&lt;/span&gt;
  };
  
  Component.Head = Head;
  Component.Body = Body;
  </code></pre>
  <p>usage is something like</p>
  <pre><code>&lt;Component&gt;
   &lt;Component.Head&gt;&lt;/Component.Head&gt;
   &lt;Component.Body&gt;&lt;/Component.Body&gt;
  &lt;/Component&gt;
  </code></pre>
  <p>I keep getting this typing error</p>
  <blockquote>
  <p>Property 'Head' does not exist on type 'FC'</p>
  </blockquote>
  <p>What am I missing?</p>