title: How to fix "Type '{}' is missing in the following properties..." error in Typescript?
body: <p>I'm new to Typescript and therefore having a problem about it.
  I'm using Ant Design and followed how to use Form in Typescript but with <code>FunctionComponent</code>; however, I'm getting an error thrown by Typescript:</p>
  
  <blockquote>
    <p><code>TypeScript error: Type '{}' is missing the following properties from type 'Readonly&lt;RcBaseFormProps &amp; Pick&lt;SetupFormProps, "username" | "email" | "password" | "confirm_password" | "first_name" | "last_name"&gt;&gt;': username, email, password, confirm_password, and 2 more.  TS2740</code></p>
  </blockquote>
  
  <p>Here's the code:</p>
  
  <pre><code>import React, { useState } from 'react';
  import { Form, Input, Row, Col } from 'antd';
  import { FormComponentProps } from 'antd/lib/form';
  
  
  interface SetupFormProps extends FormComponentProps {
    username: string;
    email: string;
    password: string;
    confirm_password: string;
    first_name: string;
    last_name: string;
  }
  
  const SetupForm: React.FC&lt;SetupFormProps&gt; = ({ form }) =&gt; {
    ...
    return (
      &lt;Form id="setup-form" layout="vertical" onSubmit={handleSubmit}&gt;...&lt;/Form&gt;
    )
  }
  
  export default Form.create&lt;SetupFormProps&gt;({ name: 'register' })(SetupForm);
  </code></pre>
  
  <p>and in my other component, I'm accessing it this way:</p>
  
  <pre><code>import SetupForm from './form';
  
  &lt;SetupForm /&gt;
  </code></pre>