CheckboxWithLabel returns empty array instead of true

Below is how I am implementing the checkbox.

                          <Field
                                Label={{label: 'Remember me'}}
                                checked={false}
                                onChange={() => console.log('checked')}
                                name="remember"
                                value="1"
                                color="primary"
                                component={CheckboxWithLabel}
                            />

When I check the box it returns empty array instead of boolean. This causes the error below:

Warning: Failed prop type: Invalid prop `checked` of type `array` supplied to `ForwardRef(Checkbox)`, expected `boolean`.

[riderodd]

I’ve managed to get i work but couldn’t use formik-material-ui, here’s a hack while waiting for a fix:

import { Formik, Form, Field, ErrorMessage } from 'formik';
import Switch from '@material-ui/core/Switch';
import FormControlLabel from '@material-ui/core/FormControlLabel';

<Formik initialValues={{ switch: false }}>{form => (
    <Form className="form">
        <FormControlLabel
          control={<Field name="switch" component={Switch} />}
          label="My label"
          name="switch"
          required={true}
          onChange={(ev, checked) => { form.setFieldValue('terms', checked); }}
        />
        <ErrorMessage name="terms" />
    </Form>
)}</Formik>

Using onChange prop I can manually set the form state using the Formik context.

[r3mi]

For Switch (boolean behaviour i.e. not multiple), I managed to make it work in Formik 2 natively (without formik-material-ui), using <Field as> syntax. Extract:

import Switch from "@material-ui/core/Switch"
import FormControlLabel from "@material-ui/core/FormControlLabel"
import { Field, Form, Formik } from "formik"
...<Formik><Form>...
              <FormControlLabel
                control={
                  <Field
                    name="someBool"
                    id="someBool"
                    type="checkbox" // seems required to handle correctly initial values of true
                    as={Switch}
                  />
                }
                label="Some Boolean"
              />

using formik 2.0.6 and material-ui 4.6.1