Как положить значение из react-select в useState

Я хочу из элемента Select в котором если выбран один из элементов, поместить его значение в состояние, например в поле где ключ curatorId, как я могу это сделать?

import Select from 'react-select';
import styles from '../index.module.scss';
import ModalWindow from '../../../components/common/ModalWindow';
import { ICreateGroupParams, useGroupsCreate } from '../../../hooks/useGroupsGet';
import { Option } from '../../../types';

interface IGroupCreateModal {
  modalActive: boolean;
  closeModal: () => void;
}

const name: Option[] = [
  { value: '38593214321', label: "Yaroslav" },
  { value: '38593214321', label: 'Vadim' },
];
const orderNumber: Option[] = [
  { value: '2F9424Z2', label: '2F9424Z2' },
  { value: '1L5842F7', label: '1L5842F7' },
];

export const GroupCreateModal = ({ modalActive, closeModal }: IGroupCreateModal): JSX.Element => {
  const { data, createGroup } = useGroupsCreate();
  const [formData, setFormData] = useState<ICreateGroupParams>({
    name: '',
    curatorId: 0,
    orderNumber: '',
    deletedOrderNumber: '',
  });

  const onSubmit = (e: React.FormEvent | undefined) => {
    e?.preventDefault?.();
    console.log(formData);
    // createGroup(formData);
    closeModal();
  };

  return (
    <ModalWindow modalTitle="Создание группы" active={modalActive} setActive={closeModal}>
      <form className={styles.form} onSubmit={onSubmit}>
        <div className={styles.form__input}>
          <label className={styles.input__label}>Название группы</label>
          <input
            className={styles.input__select}
            placeholder="Название группы"
            value={formData.name}
            onChange={(event) => {
              setFormData({ ...formData, name: event.target.value });
            }}
          />
        </div>
        <div className={styles.form__input}>
          <label className={styles.input__label}>Номер наказу</label>
          <Select
            className={styles.input__select}
            options={orderNumber}
            placeholder="Номер наказу"
            isClearable
            value={orderNumber.find(({ value }) => formData.orderNumber === value)}
          />

        </div>
        <div className={styles.form__input}>
          <label className={styles.input__label}>Куратор</label>
          <Select
            className={styles.input__select}
            isSearchable
            options={name}
            placeholder="Куратор"
            isClearable
            value={name.find(({ value }) => formData.name === value)}
          />
        </div>
      </form>
      <div className={styles.modal__buttons}>
        <button
          type="button"
          className={styles.modal_revert}
          onClick={closeModal}
        >
          Отмена
        </button>
        <button
          type="button"
          className={styles.modal_submit}
          onClick={onSubmit}
        >
          Создать
        </button>
      </div>
    </ModalWindow>
  );
};

export default GroupCreateModal;