title: Typescript | Typescript is missing 27 Props, when extending formikProps on IProps
body: <p>I am using Formik with TypeScript, and I want to use a very simple form component in TS, within another component from which I take the <code>defaultValues</code> and the <code>validationSchemas</code>.</p>
  
  <p>The tricky part is how to access only the desired formikProps, and not get the following error:</p>
  
  <pre><code>Type '{}' is missing the following properties from type 'Readonly&lt;IProps&gt;': values, errors, touched, isValidating, and 25 more.ts(2740)
  (alias) class PasswordFields
  import PasswordFields
  </code></pre>
  
  <p>Here is the code for the component:</p>
  
  <pre><code>interface IProps extends FormikProps&lt;IValues&gt; {
    username?: string;
    email?: string;
  }
  
  interface IValues {
    username?: string;
    email?: string;
  }
  </code></pre>
  
  <p>And in the main component I am calling it like that:</p>
  
  <pre><code>render(): ReactNode {
      const { mode } = this.props;
      return (
        &lt;Formik
          initialValues={this.getInitialValues()}
          validationSchema={this.getValidationSchemas()}
          onSubmit={this.handleSubmit}
          validateOnBlur={false}
          render={({ isSubmitting, status }) =&gt;
            (
              &lt;Form&gt;
                {mode === ActionMode.EDIT_INFO &amp;&amp; (
                  &lt;Fragment&gt;
                    &lt;InfoFields /&gt; // I am getting the error here..
                    &lt;GroupSelectField /&gt;
                  &lt;/Fragment&gt;
                )}
                &lt;Button
                  className="btn btn-primary w-100 mt-5"
                  disabled={isSubmitting}
                  loading={isSubmitting}
                  type="submit"
                &gt;
                  {mode === ActionMode.EDIT_INFO &amp;&amp; &lt;span&gt;UPDATE INFO&lt;/span&gt;}
                &lt;/Button&gt;
              &lt;/Form&gt;
            ) as ReactNode
          }
        /&gt;
      );
    }
  </code></pre>
  
  <p>I am kind of stack on this. Could you tell me how to access only the formikProps that I want, so TS, doesn't complain.?? And I also have another problem. How to pass the props from the component to the formik forms.</p>