Suppress hydration-warning noise from browser-extension DOM tweaks on body

cz-shortcut-listen is ColorZilla's own marker attribute, injected into <body> client-side before React hydrates - not an app bug. This only silences mismatches on body's own attributes, not its children, so a real hydration bug elsewhere would still surface normally. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Delegate non-/ws/runs upgrade requests to Next instead of dropping them
2026-08-15 19:49:08 +02:00 · 2026-08-15 19:46:41 +02:00 · 2026-08-15 19:41:37 +02:00
2 changed files with 7 additions and 5 deletions
@@ -1,6 +1,5 @@
 import "./src/bootstrap/async-local-storage-polyfill";
 import { createServer } from "node:http";
-import { parse } from "node:url";
 import next from "next";
 import { WebSocketServer } from "ws";
 import { getConfig } from "./src/lib/config/load";
@@ -24,17 +23,20 @@ const app = next({ dev, hostname, port });
 const handle = app.getRequestHandler();

 app.prepare().then(() => {
+  const nextUpgradeHandler = app.getUpgradeHandler();
+
  const httpServer = createServer((req, res) => {
-    handle(req, res, parse(req.url ?? "/", true));
+    handle(req, res);
  });

  const wss = new WebSocketServer({ noServer: true });
  attachWsServer(wss);

  httpServer.on("upgrade", (req, socket, head) => {
-    const { pathname } = parse(req.url ?? "/");
+    const { pathname } = new URL(req.url ?? "/", "http://internal");
    if (pathname !== "/ws/runs") {
-      socket.destroy();
+      // Anything else (e.g. Next's own dev-mode HMR websocket at /_next/hmr) is Next's to handle.
+      nextUpgradeHandler(req, socket, head).catch(() => socket.destroy());
      return;
    }

@@ -29,7 +29,7 @@ export default function RootLayout({
      lang="en"
      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
    >
-      <body className="bg-background text-foreground flex min-h-full flex-col">
+      <body className="bg-background text-foreground flex min-h-full flex-col" suppressHydrationWarning>
        <TooltipProvider>
          {children}
          <Toaster />