[hotfix] 페이지네이션에서의 에러

invalid array length

위와 같은 에러가 떴다.
리액트쿼리는 잘 동작하는 것 같은데, 친구모달을 오픈한 뒤 닫고 다시 오픈하면 위와 같은 에러가 났다.

보아하니 페이지네이션에서 생기는 에러였다.
numPages를 콘솔로 찍어보니 infinity가 떴다.

console.log(numPages) //infinity

total이나 limit이 0일때 infinity가 뜬 것 같다.
total과 limit이 0 일경우 numPages를 1로 주는 것으로 해결했다.

//수정 전
const numPages = Math.ceil(total / limit);
//수정 후
const numPages = total > 0 && limit > 0 ? Math.ceil(total / limit) : 1;

왜 처음부터 문제가 생기는 게 아니라 모달을 닫고 다시 열었을때 문제가 생기는지 궁금해서 chatGPT에게 물어봤는데 무슨말인지 모르겠다... 배열의 길이는 2로 같았는데...;

모달을 닫고 다시 열 때 valid array length 에러가 발생하는 이유는, 배열의 길이가 0보다 작아지기 때문입니다.