diff --git a/client/modules/IDE/components/Console.jsx b/client/modules/IDE/components/Console.jsx
index 547f66e6..5468a4db 100644
--- a/client/modules/IDE/components/Console.jsx
+++ b/client/modules/IDE/components/Console.jsx
@@ -98,7 +98,7 @@ class Console extends React.Component {
         </div>
         <div ref={(element) => { this.consoleMessages = element; }} className="preview-console__messages">
           {this.props.consoleEvents.map((consoleEvent) => {
-            const { method, times } = consoleEvent;
+            const { data: args, method, times } = consoleEvent;
             const { theme } = this.props;
             return (
               <div key={consoleEvent.id} className={`preview-console__message preview-console__message--${method}`}>
diff --git a/client/modules/IDE/components/PreviewFrame.jsx b/client/modules/IDE/components/PreviewFrame.jsx
index ffc1c117..e1f8311c 100644
--- a/client/modules/IDE/components/PreviewFrame.jsx
+++ b/client/modules/IDE/components/PreviewFrame.jsx
@@ -81,7 +81,7 @@ class PreviewFrame extends React.Component {
 
   handleConsoleEvent(messageEvent) {
     if (Array.isArray(messageEvent.data)) {
-      const decodedMessages = messageEvent.data.map(message => Decode(message.log));
+      let decodedMessages = messageEvent.data.map(message => Decode(message.log));
 
       decodedMessages.every((message, index, arr) => {
         const { data: args } = message;