diff --git a/frontend/app/components/shared/DevTools/LongTaskPanel/LongTaskPanel.tsx b/frontend/app/components/shared/DevTools/LongTaskPanel/LongTaskPanel.tsx
index 6a598efc7..17c9ae000 100644
--- a/frontend/app/components/shared/DevTools/LongTaskPanel/LongTaskPanel.tsx
+++ b/frontend/app/components/shared/DevTools/LongTaskPanel/LongTaskPanel.tsx
@@ -27,8 +27,9 @@ function LongTaskPanel() {
   const [searchValue, setSearchValue] = React.useState('');
 
   const { currentTab, tabStates } = store.get();
-  const longTasks: LongAnimationTask[] = mockData; //tabStates[currentTab]?.longTasksList || [];
+  const longTasks = tabStates[currentTab]?.longTaskList || [];
 
+  console.log('list', longTasks)
   const filteredList = useRegExListFilterMemo(
     longTasks,
     (task: LongAnimationTask) => [
diff --git a/frontend/app/player/web/Lists.ts b/frontend/app/player/web/Lists.ts
index 6d313d901..0d4914c7c 100644
--- a/frontend/app/player/web/Lists.ts
+++ b/frontend/app/player/web/Lists.ts
@@ -15,6 +15,7 @@ import {
 } from 'Player/web/messages';
 import ListWalker from '../common/ListWalker';
 import ListWalkerWithMarks from '../common/ListWalkerWithMarks';
+import { ILongAnimationTask } from './types/longTask';
 
 type stackMsg = {
   name: string;
@@ -44,7 +45,7 @@ type MsgTypeMap = {
   profilerList: profilerMsg;
   exceptionsList: exceptionsMsg;
   frustrationsList: Issue | InjectedEvent;
-  longTaskList: longTaskMsg;
+  longTaskList: ILongAnimationTask;
 };
 type ListMessageType<K> = K extends keyof MsgTypeMap
   ? Array<MsgTypeMap[K]>
diff --git a/frontend/app/player/web/TabManager.ts b/frontend/app/player/web/TabManager.ts
index d1d9d6c44..9946c530f 100644
--- a/frontend/app/player/web/TabManager.ts
+++ b/frontend/app/player/web/TabManager.ts
@@ -33,6 +33,7 @@ import { TYPES as EVENT_TYPES } from 'Types/session/event';
 import { Decoder } from 'syncod';
 
 import type { PerformanceChartPoint } from './managers/PerformanceTrackManager';
+import { getLongTask } from './types/longTask';
 
 export interface TabState extends ListsState {
   performanceAvailability?: PerformanceTrackManager['availability'];
@@ -338,7 +339,7 @@ export default class TabSessionManager {
         this.lists.lists.profiles.append(msg);
         break;
       case MType.LongAnimationTask:
-        this.lists.lists.longTask.append(msg);
+        this.lists.lists.longTask.append(getLongTask(msg));
         break;
       /* ===|=== */
       default:
diff --git a/tracker/tracker/src/main/modules/longAnimationTask.ts b/tracker/tracker/src/main/modules/longAnimationTask.ts
index 49a96ba94..afbe042e3 100644
--- a/tracker/tracker/src/main/modules/longAnimationTask.ts
+++ b/tracker/tracker/src/main/modules/longAnimationTask.ts
@@ -27,7 +27,7 @@ export interface LATOptions {
 }
 
 export default function (app: App, opts: Partial<LATOptions>): void {
-  if (!opts.longTasks || !('PerformanceObserver' in window) || !('LongTaskObserver' in window)) {
+  if (!opts.longTasks || !('PerformanceObserver' in window)) {
     return;
   }
   const onEntry = (entry: LongAnimationTask) => {
@@ -58,4 +58,4 @@ export default function (app: App, opts: Partial<LATOptions>): void {
   app.attachStopCallback(() => {
     observer.disconnect()
   })
-}
\ No newline at end of file
+}