title: Typescript seeing property as undefined, when it is defined
body: <p>Typescript keeps complaining and throwing the error,</p>
  
  <pre><code>Property 'tableData' is missing in type '{ children?: ReactNode; }' but required in type '{ tableData: TableData; }'
  </code></pre>
  
  <p>Here is my code:</p>
  
  <pre><code>import React, { FC } from 'react';
  
  interface TableData  {
    someField: string;
    anotherField?: string;
    someFunction?: Function;
  }
  
  const Table: FC = ({
    tableData: {
      someField,
      anotherField,
      someFunction
    }
  }: {
    tableData: TableData;
  }) =&gt; {
    // ...
  };
  
  Table.defaultProps = {
    tableData: {
      someField: 'field1',
      anotherField: 'field2',
      someFunction: () =&gt;
        console.log('Some function')
    }
  };
  </code></pre>
  
  <p>What am I doing wrong here? </p>