diff --git a/frontend/app/components/shared/DevTools/ConsolePanel/ConsolePanel.tsx b/frontend/app/components/shared/DevTools/ConsolePanel/ConsolePanel.tsx
index a39c16f28..023b7c5c4 100644
--- a/frontend/app/components/shared/DevTools/ConsolePanel/ConsolePanel.tsx
+++ b/frontend/app/components/shared/DevTools/ConsolePanel/ConsolePanel.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
-import Log from 'Types/session/log';
+import { Log, LEVEL } from 'Types/session/log';
 import BottomBlock from '../BottomBlock';
-import { LEVEL } from 'Types/session/log';
 import { Tabs, Input, Icon, NoContent } from 'UI';
 import cn from 'classnames';
 import ConsoleRow from '../ConsoleRow';
@@ -9,7 +8,6 @@ import { getRE } from 'App/utils';
 import { PlayerContext } from 'App/components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
 import { List, CellMeasurer, CellMeasurerCache, AutoSizer } from 'react-virtualized';
-import { useObserver } from 'mobx-react-lite';
 import { useStore } from 'App/mstore';
 import ErrorDetailsModal from 'App/components/Dashboard/components/Errors/ErrorDetailsModal';
 import { useModal } from 'App/components/Modal';
@@ -138,6 +136,7 @@ function ConsolePanel() {
   const _rowRenderer = ({ index, key, parent, style }: any) => {
     const item = filteredList[index];
 
+    console.log({ ...filteredList }, { ...item })
     return (
       // @ts-ignore
       <CellMeasurer cache={cache} columnIndex={0} key={key} rowIndex={index} parent={parent}>
diff --git a/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx b/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx
index 83929cbed..9e4abb3fb 100644
--- a/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx
+++ b/frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx
@@ -15,7 +15,8 @@ interface Props {
 function ConsoleRow(props: Props) {
   const { log, iconProps, jump, renderWithNL, style, recalcHeight } = props;
   const [expanded, setExpanded] = useState(false);
-  const lines = log.value.split('\n').filter((l: any) => !!l);
+  console.log(log)
+  const lines = log.value?.split('\n').filter((l: any) => !!l) || [];
   const canExpand = lines.length > 1;
 
   const clickable = canExpand || !!log.errorId;
diff --git a/frontend/app/player/web/MessageManager.ts b/frontend/app/player/web/MessageManager.ts
index 19df79c24..bca4dc34a 100644
--- a/frontend/app/player/web/MessageManager.ts
+++ b/frontend/app/player/web/MessageManager.ts
@@ -4,7 +4,7 @@ import logger from 'App/logger';
 
 import Resource, { TYPES } from 'Types/session/resource';
 import { TYPES as EVENT_TYPES } from 'Types/session/event';
-import Log from 'Types/session/log';
+import { Log } from 'Types/session/log';
 
 import { toast } from 'react-toastify';
 
diff --git a/frontend/app/types/session/log.js b/frontend/app/types/session/log.tsx
similarity index 66%
rename from frontend/app/types/session/log.js
rename to frontend/app/types/session/log.tsx
index c1dbe0ef7..28cabf329 100644
--- a/frontend/app/types/session/log.js
+++ b/frontend/app/types/session/log.tsx
@@ -16,7 +16,7 @@ export const LEVEL = {
 }
 
 export function isRed(log) {
-	return log.level === EXCEPTION || log.level === ERROR;
+	return
 }
 
 export default Record({
@@ -36,4 +36,16 @@ export default Record({
 	}
 });
 
+interface ILog {
+  level: string
+  value: string
+  time: number
+  index?: number
+  errorId?: string
+}
 
+export const Log = (log: ILog) => ({
+  isRed: () => log.level === EXCEPTION || log.level === ERROR,
+  isYellow: () => log.level === WARNING || log.level === WARN,
+  ...log
+})