title: ReactJS: TypeError: this.ref.current.method is not a function with ant design form
body: <pre><code>class Parent extends Component {
  
      constructor(props) {
          super(props);
          this.Child_A = React.createRef();  
          this.Child_B = React.createRef();
      }
  
      function_uses_Child_A = ()=&gt; {
          // This is working fine
          this.Child_A.current.Child_A_Function()
      }
  
      function_uses_Child_B = ()=&gt; {
          // This is Does NOT work
          // this.Child_A.current.Child_B_Function() is not a function 
          this.Child_A.current.Child_B_Function()
      }
  
      render() {
          return (
              &lt;div&gt;
                  &lt;Child_A ref={this.Child_A}/&gt;
                  &lt;Child_B ref={this.Child_B}/&gt;   
              &lt;/div&gt;
          );
      }
  }
  export default Parent;
  </code></pre>
  
  <p>The above code shows my problem where both has the same code but one works and the other doesn't</p>
  
  <p>This is Child A component:</p>
  
  <pre><code>class Child_A extends Component {
      Child_A_Function = () =&gt; "Working";
      render = () =&gt; &lt;h1&gt;Child_A&lt;/h1&gt;
  }
  export default Child_A;
  </code></pre>
  
  <p>This is Child B component:</p>
  
  <pre><code>import {Form} from "antd";
  
  class Child_B extends Component {
      Child_B_Function = () =&gt; "Not Working";
      render = () =&gt; &lt;h1&gt;Child_B&lt;/h1&gt;
  }
  export default Form.create()(Child_B);
  </code></pre>
  
  <p>I tried to debug <code>this.Child_B.current</code></p>
  
  <h2><a href="https://i.stack.imgur.com/mpB09.png" rel="nofollow noreferrer">image debug info</a></h2>
  
  <p>I believe it shows the Form.create() data and removing mine
  I understand this because Child_A works fine and the only different is it doesn't have Form.create()</p>