인프런 커뮤니티 질문&답변

2021.04.13 일 기준으로

react-hook-forms 라이브러리가 7 버전으로 업데이트 되면서, 

  <label>Email</label>
        <input
          name="email"
          type="email"
          ref={register({ required: true, pattern: /^\S+@\S+$/i })}
        />
{errors.email && <p>This email field is required</p>}

와 같이 작성했던 ref 속성을 사용 시에 

TypeError: path.split is not a function

와 같은 오류가 발생하는 것을 발견했습니다.

구글링을 통해

https://velog.io/@yeum0523/Day-2-think-logger

{...register("email",({ required: true, ...}))} 와 같은 속성으로 작성하면 해당 오류는 사라지는데, onSubmit 시에useForms를 통해 참조하는 handleSubmit() 함수가 실행되지 않습니다.

일단 기존 강의 json 파일을 보고 @6버전으로 낮춰 사용하니, 오류가 뜨지 않고 정상적으로 작동하는데 이에 대한 작업이 업데이트되면 좋겠네요!