I'm implementing the [multi-step wizard example](https://github.com/formium/formik/blob/master/examples/MultistepWizard.js) with Material-UI components and it works well with the [`useField()` hook](https://formik.org/docs/api/useField) but I cannot figure out how to bring [`setFieldValue()`](https://formik.org/docs/api/formik#setfieldvalue-field-string-value-any-shouldvalidate-boolean--void) into scope, so I can use it from a wizard step.

I've seen suggestions to use the [`connect()` higher-order component](https://formik.org/docs/api/connect) but I have no idea how to do that.

Here is a snippet of my code: [CodeSandbox](https://codesandbox.io/s/formik-multi-step-set-value-lft8f?file=/src/App.js), and the use case:

A wizard step has some optional fields that can be shown/hidden using a [Material-UI `Switch`](https://material-ui.com/components/switches). I would like the values in the optional fields to be cleared when the switch is toggled off.

I.e.

1. Toggle switch on.
2. Enter data in Comments field.
3. Toggle switch off.
4. Comments value is cleared.
5. Toggle switch on.
6. Comments field is empty.

Hoping someone can help! Thanks.