diff --git a/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx b/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
index 5edeec2d9..9c799b225 100644
--- a/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
+++ b/frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
@@ -1,19 +1,19 @@
 import React from 'react';
 import withPageTitle from 'HOCs/withPageTitle';
 import MetricsList from '../MetricsList';
-import { useObserver } from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';
 import MetricViewHeader from '../MetricViewHeader';
 
 interface Props {
   siteId: string;
 }
 function MetricsView({ siteId }: Props) {
-  return useObserver(() => (
+  return (
     <div style={{ maxWidth: '1360px', margin: 'auto' }} className="bg-white rounded-lg shadow-sm pt-4 border">
       <MetricViewHeader siteId={siteId} />
       <MetricsList siteId={siteId} />
     </div>
-  ));
+  );
 }
 
-export default withPageTitle('Cards - OpenReplay')(MetricsView);
+export default withPageTitle('Cards - OpenReplay')(observer(MetricsView));