无法在react-select组件中维护formik状态值

import { Formik, Form, Field } from 'formik';
import Select from 'react-select';

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' }
];

const MyForm = () => (
  <Formik
    initialValues={{ selectOption: null }}
    onSubmit={values => {
      // 提交表单逻辑
      console.log(values.selectOption);
    }}
  >
    {({ values }) => (
      <Form>
        <Field
          name="selectOption"
          component={CustomSelect}
          options={options}
          value={values.selectOption}
        />
        <button type="submit">提交</button>
      </Form>
    )}
  </Formik>
);

const CustomSelect = ({ field, form: { setFieldValue }, ...props }) => (
  <Select
    {...field}
    {...props}
    onChange={option => setFieldValue(field.name, option)}
    onBlur={() => setFieldValue(field.name, field.value)}
  />
);