diff --git a/desktop/app/src/devices/MetroDevice.tsx b/desktop/app/src/devices/MetroDevice.tsx index c9e1ead48..848c0b747 100644 --- a/desktop/app/src/devices/MetroDevice.tsx +++ b/desktop/app/src/devices/MetroDevice.tsx @@ -10,6 +10,7 @@ import {LogLevel} from 'flipper-plugin'; import BaseDevice from './BaseDevice'; import {EventEmitter} from 'events'; +import util from 'util'; // From xplat/js/metro/packages/metro/src/lib/reporting.js export type BundleDetails = { @@ -161,11 +162,11 @@ export default class MetroDevice extends BaseDevice { tid: 0, type, tag: message.type, - message: message.data - .map((v) => + message: util.format( + ...message.data.map((v) => v && typeof v === 'object' ? JSON.stringify(v, null, 2) : v, - ) - .join(' '), + ), + ), }); } else { const level = getLoglevelFromMessageType(message.type);