[Formik] Material UI Form

MaterialUIForm.tsx

const MaterialForm = () => {
  const handleSubmit = React.useCallback((values: IFormValues, actions) => {
    signUp(values);
    actions.setSubmitting(false);
  }, []);

  return (
    <Formik<IFormValues>
      initialValues={{
        username: "",
        name: "",
        email: "",
        password: "",
        password_confirmation: ""
      }}
      onSubmit={handleSubmit}
      validationSchema={validationSchema}
    >
      {({ isSubmitting }) => (
        <Form>
          <FastField
            type="name"
            name="name"
            label="Name"
            disabled={isSubmitting}
            component={TextField}
          />
          <FastField
            type="email"
            name="email"
            label="Email"
            disabled={isSubmitting}
            component={TextField}
          />
          <FastField
            type="text"
            name="username"
            label="Username"
            disabled={isSubmitting}
            component={TextField}
          />
          <FastField
            type="password"
            name="password"
            label="Password"
            disabled={isSubmitting}
            component={TextField}
          />
          <FastField
            type="password"
            name="password_confirmation"
            label="Retype Password"
            disabled={isSubmitting}
            component={TextField}
          />
          <br />
          <Button type="submit" disabled={isSubmitting} color="primary">
            Submit
          </Button>
          <Button type="reset" disabled={isSubmitting}>
            Reset
          </Button>
        </Form>
      )}
    </Formik>
  );
};