title: React TypeScript Error. onCreate! No overload matches this call. Overload 1 of 2, '(props: Readonly<{}>): gave the following error
body: <p>when it on Javascript, it work. but on typeScript, say it error. why?
  how can i do?
  <br><br></p>
  
  <p>App.tsx</p>
  
  <pre><code>class App extends React.Component&lt;{}, null&gt; {
      handleCreate = (data) =&gt; {
          console.log(data);
      }
  
      render() {
          return (
              &lt;React.Fragment&gt;
                  &lt;PhoneForm **onCreate**={this.handleCreate}/&gt;
              &lt;/React.Fragment&gt;
          );
      }
  }
  </code></pre>
  
  <p>that case, render()'s onCreate has next error :</p>
  
  <pre><code>TS2769: No overload matches this call.   Overload 1 of 2, '(props: Readonly&lt;{}&gt;): PhoneForm', gave the following error.     Type '{ onCreate: (data: any) =&gt; void; }' is not assignable to type 'IntrinsicAttributes &amp; IntrinsicClassAttributes&lt;PhoneForm&gt; &amp; Readonly&lt;{}&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;'.       Property 'onCreate' does not exist on type 'IntrinsicAttributes &amp; IntrinsicClassAttributes&lt;PhoneForm&gt; &amp; Readonly&lt;{}&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;'.   Overload 2 of 2, '(props: {}, context?: any): PhoneForm', gave the following error.     Type '{ onCreate: (data: any) =&gt; void; }' is not assignable to type 'IntrinsicAttributes &amp; IntrinsicClassAttributes&lt;PhoneForm&gt; &amp; Readonly&lt;{}&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;'.       Property 'onCreate' does not exist on type 'IntrinsicAttributes &amp; IntrinsicClassAttributes&lt;PhoneForm&gt; &amp; Readonly&lt;{}&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;'.
  </code></pre>
  
  <p><br><br></p>
  
  <p>PhoneForm.tsx</p>
  
  <pre><code>class PhoneForm extends Component {
      state = {
          memberName: '',
          phone: ''
      }
      handleChange = (e) =&gt; {
          this.setState({
              [e.target.name]: e.target.value
          })
      }
      handleSubmit = (e) =&gt; {
          e.preventDefault();
          this.props.**onCreate**(this.state);
          this.setState({
              name: '',
              phone: ''
          })
      }
      render() {
          return (
              &lt;form onSubmit={this.handleSubmit}&gt;
                  &lt;input
                      placeholder="Member's Name"
                      value={this.state.memberName}
                      onChange={this.handleChange}
                      name="memberName"
                  /&gt;
                  &lt;input
                      placeholder="Phone Number"
                      value={this.state.phone}
                      onChange={this.handleChange}
                      name="phone"
                  /&gt;
                  &lt;button type="submit"&gt;Add&lt;/button&gt;
              &lt;/form&gt;
          );
      }
  }
  </code></pre>
  
  <p>and on PhoneForm.tsx has next error :</p>
  
  <pre><code>TS2339: Property 'onCreate' does not exist on type 'Readonly&lt;{}&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;'.
  </code></pre>
  
  <p>how can i set type to onCreate?
  (i'm not want resolve by ts-lint @ts-ignore. i want to know how to set type to onCreate!)</p>