Formik Config Based Fields

MyForm.jsx

const fieldsConfig = {
  title: {
    label: 'Title',
  },
  postal: { label: 'Postal Code' },
  type: { label: 'Job Type' },
  experience: { label: 'Experience Level' },
  description: { label: 'Description', component: 'textarea' },
  url: { label: 'URL', helper: `You don't need to include http://` },
};

const MyForm = () => (
  <Formik>
    {({ isSubmitting }) => (
          <Form>
          {Object.keys(fieldsConfig).map(field => {
            const { label, component, helper } = fieldsConfig[field];
            return (
              <Fieldset
                key={field}
                className="text-input xs-col-12 md-col-6"
                name={field}
                label={label}
                helpText={helper}
                component={component}
              />
            );
          })}
          <button
            className="button button--purple"
            type="submit"
            disabled={isSubmitting}
          >
            Post Job
          </button>
        </Form>
    )}
  </Formik>
);