title: How to prevent antd.Form.create from swallowing Flow errors
body: <p>When I wrap a component in <code>Form.create()</code>, Flow error checking stops working on props.</p>
  
  <p>Component code:</p>
  
  <pre><code>// @flow
  import React from "react";
  import { Form } from "antd";
  
  type Props = {|
      requiredField: string,
  |};
  
  class MyComponent extends React.Component&lt;Props&gt; {
      render() {
          return null;
      }
  }
  
  export default Form.create()(MyComponent);
  </code></pre>
  
  <p>I invoke this component in another file:</p>
  
  <pre><code>&lt;MyComponent randomField={15} /&gt;
  </code></pre>
  
  <p>with two errors: there is the addition of a nonexistent prop <code>randomField</code>, and it omits the required prop <code>requiredField.</code> I expect this error from Flow (which I get when the export is not wrapped in <code>Form.create()</code>:</p>
  
  <blockquote>
    <p>Cannot create <code>MyComponent</code> element because:</p>
    
    <ul>
    <li>property <code>randomField</code> is missing in <code>Props</code> [1] but exists in <code>props</code> [2].</li>
    <li>property <code>requiredField</code> is missing in <code>props</code> [2] but exists in <code>Props</code> [1].</li>
    </ul>
  </blockquote>
  
  <p>But instead I get no errors. </p>
  
  <p>There is an <a href="https://stackoverflow.com/questions/44898248/how-to-use-antd-form-create-in-typescript">analogous question for TypeScript</a>, which interestingly has the opposite problem where errors are displayed with correct usage. I tried implementing the top answer from that question, which uses <code>FormComponentProps</code>, but I still couldn't get errors to appear with my incorrect usage.</p>