728x90
어떤 에러인가요?
- Too many re-renders. React limits the number of renders to prevent an infinite loop.
if (typeof window !== 'undefined') {
let shortThan768 = false;
if (window.innerWidth <= 768) {
shortThan768 = true;
} else {
shortThan768 = false;
}
setClientWidth(shortThan768);
setSlide(mapTomobileUp);
}
console.log(clientWitdh);
애니메이션을 라이브러리로 사용하여 media query를 사용하지 못하여 클라이언트의 넓이 다를 경우 애니메이션의 작동 여부를 설정하려고 하였습니다만 콜스택 에러가 발생하였습니다.
에러 핸들링 방법
- 클라이언트의 innerWidth가 다를 경우 다른 것을 렌더링하게 수정하였습니다.
if (window.innerWidth <= 768)
에러 핸들링을 위해 참고한 레퍼런스 링크
- Memory-It 의 Error Handling 예시입니다.
링크
728x90
'오류모음' 카테고리의 다른 글
| [Error Handling] 카카오 로그인 시 owner를 판단 못하는 에러 (0) | 2022.03.10 |
|---|---|
| [Error Handling] window is not defined nextjs (0) | 2022.03.10 |
| [Error Handling] 로그 아웃상태시 방 만들기를 했을 때 401에러 (0) | 2022.03.10 |
| [Error Handling] next.js에서 클릭시 애니메이션을 생성 방법 (0) | 2022.03.10 |
| [Error Handling] ReactHook을 사용하지 않고 상태 변경 함수를 사용할 시 에러 (0) | 2022.03.10 |