Live demo — exploring a populated dashboard with sample data. Read-only.Start free
ERRORUnresolvedHandlederrorboundaryweb

Hydration failed because the initial UI does not match what was rendered on the server

in app/layout.tsx

Events96
Users affected3
First seen19d ago
Last seen16d ago
Releaseweb@1.4.0

Stack trace

Symbolicated
throwOnHydrationMismatchnode_modules/react-dom/cjs/react-dom.development.js:4051
RootLayoutapp/layout.tsx:28

Breadcrumbs

5 leading up to the error
navigation/dashboard → /checkout
06:42:51
consolecart hydrated (3 items)
06:42:55
fetchGET /api/cart → 200
{"ms":142,"status":200}
06:42:56
ui.clickbutton.checkout-submit
06:42:59
fetchPOST /api/orders → 500
{"status":500}
06:43:00

Attachments

2
screenshot.svg
screenshot.svg12.2 KB Download
redux-state.json2.3 KB Download

Context

urlhttps://app.acme.com/checkout
screen1920x1080
languageen-US
referrerhttps://app.acme.com/cart
viewport1280x720
userAgentMozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0 Safari/537.36

Tags

codeMAR-40000000
environmentproduction
releaseweb@1.4.0
platformweb
sdk1.0.1