[TS error] '[FormInstance<any>]' 형식에 'register' 속성이 없습니다.ts(2339) | 개체 리터럴은 알려진 속성만 지정할 수 있으며 'FormInstance<any>' 형식에 'mode'이(가) 없습니다.ts(2345)

문제상황

 

react-hook-form 을 적용해서 로그인페이지를 만드는데

container와 presenter로 나누는 과정에서 타입스크립트 에러가 났다.

로그인 첫시작인 컨테이너인데 어디서 props를 받아와서

타입 지정해줘야 하는 건가 싶었다.

 

 

 

const register: any
'[FormInstance<any>]' 형식에 'register' 속성이 없습니다.ts(2339)

'{ mode: string; resolver: <TFieldValues extends FieldValues, TContext>(values: UnpackNestedValue<TFieldValues>, context: TContext | undefined, options: ResolverOptions<...>) => Promise<...>; }' 형식의 인수는 'FormInstance<any>' 형식의 매개 변수에 할당될 수 없습니다. 개체 리터럴은 알려진 속성만 지정할 수 있으며 'FormInstance<any>' 형식에 'mode'이(가) 없습니다.
ts(2345)

 

 

원인 및 해결

 

 

useForm을 react-hook-form에서

import 받아와야 하는데 잘못 받아왔었다.

 

 

해결됐다.

 

개선사항

 

처음 다운 받아 사용하는 라이브러리들은

ctrl+스페이스바 했을 때 바로바로 떠주지 않는다.

처음 사용 시에는 ctrl + 스페이스바로 import 받으려기보다

손코딩으로 import 받아주자!