Next.js 13 fast refresh가 작동하질 않습니다..

Question

현재 Next.js13 프로젝트를 Pages Router에서 App Router로 마이그레이션 한 이후로 클라이언트 컴포넌트에서만 fast refresh (hot reload)가 작동하지 않습니다.

신기한 건 서버 컴포넌트의 값을 바꾸고 저장하면 바로바로 fast refresh가 된다는 점입니다.
하지만 클라이언트 컴포넌트는 값을 바꿔 저장해도 fast refresh가 되지 않거나 여러번 저장하면 가끔씩 그냥 페이지가 새로고침이 되며 수정값이 적용됩니다.

혹시나 Next 버전 문제인가 싶어 같은 버전(최신버전입니다.)으로 새로운 프로젝트를 생성해 클라이언트 컴포넌트를 수정해 본 결과, 문제없이 fast refresh가 작동했습니다.

구글링을 해봐도 일부 프로젝트의 클라이언트 컴포넌트에서만 fast refresh가 작동하지 않는 경우는 저밖에 없는 것 같습니다.. 도와주세요!

찬미 · Answer

주변 환경에 문제가 있을 수 있습니다.
가령 이전에 올라왔던 이슈 중에는 tailwind와 함께 사용했을 때  fast refresh가 동작하지 않는다 라는 이야기가 있었는데요.

작성자분의 세팅 환경을 알려주시면 답변에 도움이 될 수 있을 것 같습니다.
새로운 프로젝트에서는 잘된다고 하셨으니 어떤게 원인인지 세팅값을 하나씩 추가해보며 삽질이 필요할 수도 있습니다🙂