react-hook-form

eiSettings

import { useForm } from "react-hook-form";

  const { setValue, handleSubmit, control } = useForm({ mode: "all", reValidateMode: "onChange", defaultValues: { groups: [] } });

 setValue("groups", []);

        const date = searchDate === "undefined" ? "" : searchDate;

        setIsLoading(true);

        const origin = await request({ ...getEiSet, body: { corporationCode: userStore.user?.corporationCode, searchDate: date, centerType, evType: codes[centerType][evType] } });

        const data = origin?.settings?.length ? origin.settings.map((item) => (item.divisions ? item : { ...item, divisions: getDefaultValue(centerType, evType).divisions })) : [getDefaultValue(centerType, evType)];

        setApplyDate({ month: origin?.baseMonth ? moment(origin.baseMonth).format("YYYY.MM") : "undefined", start: origin?.startDay ? moment(origin.startDay).format("YYYY.MM.DD") : "", end: origin?.endDay ? moment(origin.endDay).format("YYYY.MM.DD") : "" });

        if (origin?.baseMonth) setSearchDate(moment(origin.baseMonth).format("YYYY-MM"));

        setOverIncentiveVolume(origin?.overIncentiveVolume);

        setOverIncentiveVal(origin?.overIncentiveVal);

        let levelObj = {};

        origin?.levelSetting?.forEach((n) => (levelObj[n.levelCode] = n.levelIncentiveVal));

        setLevels(levelObj);

        setValue("groups", data);