Запись данных в стейт

import React, { useState } from 'react';
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: "Ярослав Солом'яний" },
  { value: '38593214321', label: 'Вадим Сіренко' },
];
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;

import React from "react";
import Select from "react-select";
 
const options = [
  { value: "chocolate", label: "Chocolate" },
  { value: "strawberry", label: "Strawberry" },
  { value: "vanilla", label: "Vanilla" }
];
 
export default () => {
  const [state, setState] = React.useState("");
  return (
    <>
      <Select
        options={options}
        onChange={(e) => {
          setState(e);
        }}
      />
      <div>state: {state.value}</div>
    </>
  );
};