Formik单选按钮不使用嵌套的对象值

import { Formik, Field, ErrorMessage } from 'formik';

const MyForm = () => {
  return (
    <Formik
      initialValues={{ gender: '' }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      <form>
        <div>
          <label>
            <Field type="radio" name="gender" value="male" />
            Male
          </label>
          <label>
            <Field type="radio" name="gender" value="female" />
            Female
          </label>
        </div>
        <ErrorMessage name="gender" component="div" />
        <button type="submit">Submit</button>
      </form>
    </Formik>
  );
};

export default MyForm;