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

지금 [3-3] 폼 로직 리팩토링 & 유효성 검증 강의까지 들은 상태여서 뒷 강의에서 다루시는 부분이 있을 수도 있지만 useForm 내부에 setErrors를 하는 useEffect가 무한으로 실행되는 현상을 겪어서 공유드립니다.

CustomButton.tsx에

 console.log('SCREEN : ', Dimensions.get('screen').height)
  console.log('WINDOW : ', Dimensions.get('window').height)

로깅하는 부분이 무한으로 실행되서 알게되었습니다.

해결 방법

1. validateLogin을 useCallback으로 최적화
   또는

2. useEffect 의존성 배열에 validate 제거

const login = useForm({
    initialValue,
    validate: useCallback(validateLogin, []),
  })