Next.js에서 'window is not defined' 에러가 나는 조건에 대하여 (feat. React Query)

[NamJwong]

@juno7803 의 #320 PR의 f2bf544 커밋 관련 이슈입니다.

해당 커밋 전에는 window is not defined 에러로 빌드 테스트 통과가 안됐는데, 커밋 이후에는 문제가 사라졌습니다.

typeof window !== undefined와 같은 직접적인 타입 내로잉을 하지 않았는데 어떻게 에러가 해결된 것인지,
정확히 어떤 것이 영향을 끼쳤는지 궁금합니다.

해당 글에 보완하고 싶은 내용이 있다면 자유롭게 코멘트 달아주세요. 😀🌟
(참고: 질문자의 Next.js 동작 원리, SSR 등의 지식이 부족함.)

[NamJwong]

에러가 안 나니 제가 우려하며 해당 PR에 코멘트로 언급했던 문제인 쿼리 키도 의도한대로 잘 들어갔습니다.

메인 - PM 필터 클릭 플로우를 실행해보니 아래 외에 엉뚱한 쿼리 키를 가진 캐시는 없었음.

1. 메인(쿼리 파라미터 X) - ['getMemberProfile', 30, '']
2. PM 필터(쿼리 파라미터 ?filter=1) - ['getMemberProfile', 30, '?filter=1']

[NamJwong]

Next.js에 대해 더 알게 된 후 돌아왔다

queryKey에 window.location.search가 들어온다
그럼 20번 라인에서 터져야 정상인데 어째서 안 터졌을까??

[NamJwong]

근데 어차피 이제 쓰이지 않는 코드이니 그만 궁금해 하고 다음에 비슷한 문제를 마주쳤을 때 생각해봐도 좋을 것 같다
당시에 이미 그렇게 된 상태였는데도 불구하고 이 글을 올렸던 이유는 글 쓴 본인이 Next.js 작동 원리에 대해 잘 모른다는 이유로 이해하기를 회피하는 것일까봐 넘어가기 찜찜해서 였다 ..