[🔧 Front-End Error] #2 / TypeError / 2021-09-16

# 어떤 에러인가요?

- .length를 읽을 수 없다는 에러였다 (대체 왜...?)

# 에러 메시지

- `Uncaught TypeError: Cannot read property 'length' of undefined
at SearchAutoComp (SearchAutoComp.js:29)
at renderWithHooks (react-dom.development.js:14985)
at mountIndeterminateComponent (react-dom.development.js:17811)
at beginWork (react-dom.development.js:19049)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
at invokeGuardedCallback (react-dom.development.js:4056)
at beginWork$1 (react-dom.development.js:23964)
at performUnitOfWork (react-dom.development.js:22776)
at workLoopSync (react-dom.development.js:22707)
at renderRootSync (react-dom.development.js:22670)
at performSyncWorkOnRoot (react-dom.development.js:22293)
at react-dom.development.js:11327
at unstable_runWithPriority (scheduler.development.js:468)
at runWithPriority$1 (react-dom.development.js:11276)
at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
at flushSyncCallbackQueue (react-dom.development.js:11309)
at discreteUpdates$1 (react-dom.development.js:22420)
at discreteUpdates (react-dom.development.js:3756)
at dispatchDiscreteEvent (react-dom.development.js:5889)`

# 에러 핸들링 방법

- console.log를 확인해 보았을 때 state를 내려주는 부분에서 undefined가 나온 것을 찾을 수 있었다. 확인 결과, git에서 merge되면서 props를 내려주는 부분이 사라져서 전달 받지 못해 나온 에러였다. 그래서 전달 부분이 끊긴 component로 가서 props를 내려줬더니 해결이 되었다.

// 코드가 들어가도 좋아요!

# 에러 핸들링을 위해 참고한 레퍼런스 링크

- 에러 메세지를 읽어서 파일 하나하나 찾아보았다.