리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!
라이브러리 버그 관련 문제 해결책 안내
안녕하세요. 제로초입니다.
Next14에 버그가 하도 많다보니 저와 여러분의 속을 썩히고 있습니다. 그나마 다행인 건 시간이 지날수록 조금씩 해결되는 기미가 보입니다. 에러가 날 때마다 어떻게 해야 하는지 AS는 확실하게 해드리겠습니다. 물론 저도 해결 못 하는 에러가 나오면 멘붕에 빠지긴 하지만요.
not-found.tsx는 커스텀 404 페이지를 담당하는 컴포넌트인데요. not-found.tsx가 적용되지 않는 분들은 [...not-found]/page.tsx를 대신 만들어보시면 됩니다. [...not-found]는 폴더입니다.
이 문제는 msw 2.2.0~2.2.1에서 한글 응답이 안 되는 문제였습니다. msw 2.2.2에서 해결되었습니다. 제가 직접 msw를 수정해서 해결했기 때문에 오픈소스에 기여하는 법 영상도 같이 공유드립니다.
https://www.youtube.com/watch?v=7uxCmXAA5Zw
마지막으로 아직 해결되지 않은 문제도 있습니다.
이 질문인데요. authorize함수에서 무슨 에러를 throw하든 항상 CallbackRouteError만 나는 문제입니다. 이건 버그가 아니라 next-auth에서 그렇게 만들어 둔 것이라 지금 https://github.com/nextauthjs/next-auth/pull/9871 여기에서 논의중인 것으로 보입니다. 이 기능이 통과되어야 커스텀 에러를 throw할 수 있게 됩니다.
해결 되었습니다. 다음 새소식 참고하시면 됩니다.
다른 에러 이슈가 있을 때 또 새소식으로 문제와 해결책 알려드리도록 하겠습니다.
감사합니다.
조현영 드림