diff --git a/frontend/app/components/Session/PlayerContent.js b/frontend/app/components/Session/PlayerContent.js
index c0a695173..15187d15d 100644
--- a/frontend/app/components/Session/PlayerContent.js
+++ b/frontend/app/components/Session/PlayerContent.js
@@ -7,6 +7,12 @@ import RightBlock from './RightBlock';
 import { PlayerContext } from 'App/components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
 
+
+const TABS = {
+  EVENTS: 'User Steps',
+  HEATMAPS: 'Click Map',
+};
+
 function PlayerContent({ session, live, fullscreen, activeTab, setActiveTab }) {
   const { store } = React.useContext(PlayerContext)
 
diff --git a/frontend/app/components/Session_/Performance/Performance.tsx b/frontend/app/components/Session_/Performance/Performance.tsx
index 45f944b50..eca011fcb 100644
--- a/frontend/app/components/Session_/Performance/Performance.tsx
+++ b/frontend/app/components/Session_/Performance/Performance.tsx
@@ -179,6 +179,8 @@ function Performance({
   userDeviceHeapSize: number;
 }) {
   const { player, store } = React.useContext(PlayerContext);
+  const [_timeTicks, setTicks] = React.useState<number[]>([])
+  const [_data, setData] = React.useState<any[]>([])
 
   const {
     performanceChartTime,
@@ -188,8 +190,11 @@ function Performance({
     performanceAvaliability: avaliability,
   } = store.get();
 
-  const _timeTicks = generateTicks(performanceChartData);
-  const _data = addFpsMetadata(performanceChartData);
+  React.useState(() => {
+    setTicks(generateTicks(performanceChartData));
+    setData(addFpsMetadata(performanceChartData));
+  })
+
 
   const onDotClick = ({ index: pointer }: { index: number }) => {
     const point = _data[pointer];