본문 바로가기
Error

ServersideProps와 useEffect가 동시에 사용이 안된다?(훅의 규칙 / Hook의 규칙)

by jennyiscoding 2023. 5. 4.

getServerSideProps로 SSR로 받아왔는데 useEffect가 작동이 안되는? 에러가 떴다. 

에러 내용 : 

React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render.eslintreact-hooks/rules-of-hooks

 

알고보니 ServersideProps는 관계가 없고 Hook의 규칙을 어겨서 에러가 난거였다. 

 

훅의규칙 내용 : 최상위(at the Top Level)에서만 Hook을 호출해야 합니다(반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 마세요. 그리고 early return이 실행되기 전에 항상 React함수의 최상위에 호출되어야 합니다)

 

링크 : https://ko.legacy.reactjs.org/docs/hooks-rules.html#explanation