Error AtlasError Documentation and Resolution

React recovered hydration by client rendering the entire root

There was an error while hydrating but React was able to recover by instead client rendering the entire root.

React hit a hydration failure serious enough that it abandoned hydration for the whole root and switched to full client rendering.

React error #423rendering
There was an error while hydrating but React was able to recover by instead client rendering the entire root.
  • The initial client render does not match the server-rendered HTML.
  • Critical root content is non-deterministic between server and client.
  • A hydration error occurred outside a smaller recoverable boundary.
  1. Compare server and client output for non-deterministic values such as time, randomness, and environment-specific APIs.
  2. Move browser-only logic out of the initial render path.
  3. Use smaller boundaries where appropriate so hydration failures do not escalate to the entire root.
React Docs: Minified React error #423
React error #423 hydration recovered by client rendering entire root | Error Atlas