[리액트 에러] Did you accidentally call a React Hook after an early return?

error React Hook “useStyles” is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React Hook after an early return? react-hooks/rules-of-hooks

 

무서운 검은화면..

이 코드를

 

 

이렇게 위치만 바꿔주니 오류가 해결됨