当我将数据从useEffect传递到react-select下拉菜单时，会显示选项，但默认值不会显示

import React, { useEffect, useState } from 'react';
import Select from 'react-select';

const MyComponent = () => {
  const [options, setOptions] = useState([]);
  const [defaultValue, setDefaultValue] = useState(null);

  useEffect(() => {
    // 从useEffect中获取数据，并设置默认值
    const data = [
      { value: 'option1', label: 'Option 1' },
      { value: 'option2', label: 'Option 2' },
      { value: 'option3', label: 'Option 3' },
    ];
    setOptions(data);
    setDefaultValue(data[0]); // 设置默认值为第一个选项
  }, []);

  return (
    <Select
      options={options}
      defaultValue={defaultValue}
    />
  );
};

export default MyComponent;