문제
Next.JS 프레임워크와 함께 Pro + SPA 에이전트를 사용하고 있으며 페이지의 링크가 작동하지 않습니다.
우리는 버전 13.3.2-canary.2 이후 Pro+SPA 브라우저 에이전트와 Next.JS 앱 라우터 간의 비호환성을 알고 있습니다.
이 문제는 Link 구성요소에서 prefetch 사용 및/또는 router.push() 함수를 호출하는 onClick 콜백이 포함된 표준 HTML 요소 사용으로 제한될 수 있습니다.
해결책
이 문제는 Next.JS 릴리스 v13.4.20-canary.5 에서 해결되었습니다. Next.JS 프레임워크 버전 13.4.20-canary.5 이상으로 업그레이드하세요.
원인
브라우저 에이전트는 Promise를 비롯한 많은 브라우저 전역을 래핑하여 작동합니다. Promise 전역을 수정하면 링크를 클릭할 때 Next.JS 앱 라우터 내에서 무한 루프가 발생하는 것으로 보입니다.