[Bug] Script 를 제대로 불러오지 못하는 에러 + window is not defined

[punchdrunkard]

요약

상황 (재현방법)

1. 어디에서 '...'
2. 어떤 행동을 했더니 '....'
3. 에러가 발생했다.

• 카카오 맵 API 이용시, script 태그를 이용하여 sdk를 불러와야 하는데, next.js가 SSR 을 우선으로 해서(추측) 첫 로딩 시 script 를 제대로 로드하지 못함
• next.js 공식문서의 옵션을 사용해봐도 잘 안됨. app router를 사용해서 그럴까?
• 따라서 라이브러리에서 제공하는 custom hook을 사용했으나, 1. 과 같은 이유로 첫 로딩 시 window is not defined 에러가 뜸
• 그러나, 이 후에는 제대로 로딩이 됨...

• 스크린샷

  가능하면 첨부해주세요

기타

Add any other context about the problem here. ex) 참고할 만한 자료

[punchdrunkard]

https://github.com/vercel/next.js/issues/49830

[punchdrunkard]

정리

• next에서 제공하는 Script 컴포넌트에 문제가 있는 것 같음
• layout.tsx 의 head 안에 바로 script 태그를 넣으면 정상 동작.