diff --git a/web-app/src/services/logger/index.ts b/web-app/src/services/logger/index.ts
index a85e6e5a..ea79bcdf 100644
--- a/web-app/src/services/logger/index.ts
+++ b/web-app/src/services/logger/index.ts
@@ -1,13 +1,19 @@
 import { LOG } from '../../environment'
 
-const logger = (...messages: string[]) => {
+export type Log = string | object | null
+
+const logger = (...messages: Log[]): void => {
   if (!LOG) {
     return
   }
   // Inside vscode, you console.log does not allow more than 1 param
   // to get around it, we can log with multiple log statements
   for (const message of messages) {
-    console.log(message)
+    if (typeof message === 'object') {
+      console.log(JSON.stringify(message))
+    } else {
+      console.log(message)
+    }
   }
 }