Next + React Query로 SNS 서비스 만들기

안녕하세요. 제로초입니다.

Next14에 버그가 하도 많다보니 저와 여러분의 속을 썩히고 있습니다. 그나마 다행인 건 시간이 지날수록 조금씩 해결되는 기미가 보입니다. 에러가 날 때마다 어떻게 해야 하는지 AS는 확실하게 해드리겠습니다. 물론 저도 해결 못 하는 에러가 나오면 멘붕에 빠지긴 하지만요.

not-found.tsx 적용문제

https://www.inflearn.com/questions/1192614/not-found-tsx%EB%A1%9C-%EC%9D%B4%EB%8F%99%EC%9D%84-%ED%95%98%EC%A7%80-%EC%95%8A%EB%8A%94%EB%AC%B8%EC%A0%9C?re_comment_id=321453

not-found.tsx는 커스텀 404 페이지를 담당하는 컴포넌트인데요. not-found.tsx가 적용되지 않는 분들은 [...not-found]/page.tsx를 대신 만들어보시면 됩니다. [...not-found]는 폴더입니다.

msw 한글 응답 문제

https://www.inflearn.com/questions/1181768/%EA%B0%95%EC%9D%98%EC%A4%91%EC%97%90-%EC%A0%95%EB%A7%90-%EA%B6%81%EA%B8%88%ED%95%9C%EA%B2%8C-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4-mock-data%EC%97%90-%ED%95%9C%EA%B8%80%EC%9D%B4-%EC%9E%85%EB%A0%A5%EB%90%A0-%EA%B2%BD%EC%9A%B0-msw%EC%97%90%EC%84%9C-%EA%B0%92%EC%9D%84-%EB%AA%BB-%EB%B3%B4%EB%83%85%EB%8B%88%EB%8B%A4

이 문제는 msw 2.2.0~2.2.1에서 한글 응답이 안 되는 문제였습니다. msw 2.2.2에서 해결되었습니다. 제가 직접 msw를 수정해서 해결했기 때문에 오픈소스에 기여하는 법 영상도 같이 공유드립니다.

https://www.youtube.com/watch?v=7uxCmXAA5Zw

authorize 에러 응답 고정 문제

마지막으로 아직 해결되지 않은 문제도 있습니다.

https://www.inflearn.com/questions/1186659/credentials-provider-%EC%97%90%EC%84%9C-%EC%84%9C%EB%B2%84%EB%A1%9C-%EB%B6%80%ED%84%B0-%EB%B0%9B%EC%95%84%EC%98%A8-error-message%EA%B0%80-%EB%B0%98%ED%99%98%EB%90%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EA%B2%BD%EC%9A%B0

이 질문인데요. authorize함수에서 무슨 에러를 throw하든 항상 CallbackRouteError만 나는 문제입니다. 이건 버그가 아니라 next-auth에서 그렇게 만들어 둔 것이라 지금 https://github.com/nextauthjs/next-auth/pull/9871 여기에서 논의중인 것으로 보입니다. 이 기능이 통과되어야 커스텀 에러를 throw할 수 있게 됩니다.

해결 되었습니다. 다음 새소식 참고하시면 됩니다.

다른 에러 이슈가 있을 때 또 새소식으로 문제와 해결책 알려드리도록 하겠습니다.

감사합니다.
조현영 드림