[Turbopack] print invalid message correctly (#69964)

### Why? '[object: Object]` is not very helpful
vercel · Sep 11, 2024 · 843fd86 · 843fd86
1 parent 422a086
commit 843fd86
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/packages/next/src/client/components/react-dev-overlay/app/hot-reloader-client.tsx b/packages/next/src/client/components/react-dev-overlay/app/hot-reloader-client.tsx
@@ -626,7 +626,10 @@ export default function HotReload({
         )
       } catch (err: any) {
         console.warn(
-          '[HMR] Invalid message: ' + event.data + '\n' + (err?.stack ?? '')
+          '[HMR] Invalid message: ' +
+            JSON.stringify(event.data) +
+            '\n' +
+            (err?.stack ?? '')
         )
       }
     }

diff --git a/packages/next/src/client/components/react-dev-overlay/pages/hot-reloader-client.ts b/packages/next/src/client/components/react-dev-overlay/pages/hot-reloader-client.ts
@@ -82,7 +82,10 @@ export default function connect(mode: 'webpack' | 'turbopack') {
       processMessage(payload)
     } catch (err: any) {
       console.warn(
-        '[HMR] Invalid message: ' + payload + '\n' + (err?.stack ?? '')
+        '[HMR] Invalid message: ' +
+          JSON.stringify(payload) +
+          '\n' +
+          (err?.stack ?? '')
       )
     }
   })

diff --git a/packages/next/src/client/dev/amp-dev.ts b/packages/next/src/client/dev/amp-dev.ts
@@ -108,7 +108,10 @@ addMessageListener((message) => {
     }
   } catch (err: any) {
     console.warn(
-      '[HMR] Invalid message: ' + message + '\n' + (err?.stack ?? '')
+      '[HMR] Invalid message: ' +
+        JSON.stringify(message) +
+        '\n' +
+        (err?.stack ?? '')
     )
   }
 })