[00:00:01.906] Server LOG ✓ Ready in 1369ms [00:00:09.790] Server LOG ○ Compiling / ... [00:00:15.826] Browser ERROR A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. 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. %s%s https://react.dev/link/hydration-mismatch ... }> } ...> <__next_root_layout_boundary__>