react hook form 사용 시 required 로 지정한거 값을 넣으면 생성 버튼 안눌러도 제출되는 버그

<form className="groupInfoWrap flex flex-col gap-3 mb-5" onSubmit={handleSubmit(onSubmit)}>

onSubmit에 이렇게 작성하고

const onSubmit: SubmitHandler<GroupFormType> = async data => {
    console.log('폼 제출 데이터 :: ', data);
    try {
      const res = await API.post('/group/studyGroup', data, {
        headers: {
          'Content-Type': 'multipart/form-data',
        },
      });

      if (res.data) {
        alert('그룹 생성 완료');
        navigate('/');
      }
    } catch (err) {
      console.error(err);
    }
  };

—> 이게 공식문서에 나와있음!

TypeScript에서 특정 타입의 속성에 동적으로 접근하고자 할 때, 제네릭(Generic)을 사용