Minified React error #418
React의 경량화된 프로덕션 빌드에서는 네트워크를 통해 전송되는 데이터의 크기를 줄이기 위해 전체 오류 메시지를 포함하지 않습니다.
앱을 디버깅할 때는 추가 디버그 정보를 추적하고 잠재적인 문제에 관해 유용한 경고를 제공하는 개발 빌드를 로컬 환경에서 사용하기를 강력히 권장합니다. 하지만 프로덕션 빌드를 사용하는 중에 예외가 발생했다면 이 페이지에서 원래의 전체 오류 메시지를 확인할 수 있습니다.
방금 발생한 오류의 전체 내용은 다음과 같습니다.
Hydration failed because the server rendered %s didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
https://react.dev/link/hydration-mismatch%s