diff --git a/.changeset/pink-mirrors-cry.md b/.changeset/pink-mirrors-cry.md
new file mode 100644
index 0000000000..169b1de36c
--- /dev/null
+++ b/.changeset/pink-mirrors-cry.md
@@ -0,0 +1,5 @@
+---
+'@backstage/cli': patch
+---
+
+Switched the `WebpackDevServer` configuration to use client-side detection of the WebSocket protocol.
diff --git a/packages/cli/src/lib/bundler/server.ts b/packages/cli/src/lib/bundler/server.ts
index e580cf4985..e65e598106 100644
--- a/packages/cli/src/lib/bundler/server.ts
+++ b/packages/cli/src/lib/bundler/server.ts
@@ -67,6 +67,9 @@ export async function serveBundle(options: ServeOptions) {
       proxy: pkg.proxy,
       // When the dev server is behind a proxy, the host and public hostname differ
       allowedHosts: [url.hostname],
+      client: {
+        webSocketURL: 'auto://0.0.0.0:0/ws',
+      },
     } as any,
   );