diff --git a/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerAgentChart.js b/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerAgentChart.js
index 1ded306810f93..9eb0109d004ff 100644
--- a/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerAgentChart.js
+++ b/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerAgentChart.js
@@ -38,7 +38,7 @@ const ChatsPerAgentChart = ({ params, reloadRef, ...props }) => {
 
 	reloadRef.current.chatsPerAgentChart = reload;
 
-	const { agents = {} } = data ?? initialData;
+	const chartData = data ?? initialData;
 
 	useEffect(() => {
 		const initChart = async () => {
@@ -49,11 +49,14 @@ const ChatsPerAgentChart = ({ params, reloadRef, ...props }) => {
 
 	useEffect(() => {
 		if (state === AsyncStatePhase.RESOLVED) {
-			Object.entries(agents).forEach(([name, value]) => {
-				updateChartData(name, [value.open, value.closed]);
-			});
+			if (chartData && chartData.success) {
+				delete chartData.success;
+				Object.entries(chartData).forEach(([name, value]) => {
+					updateChartData(name, [value.open, value.closed]);
+				});
+			}
 		}
-	}, [agents, state, t, updateChartData]);
+	}, [chartData, state, t, updateChartData]);
 
 	return <Chart ref={canvas} {...props} />;
 };
diff --git a/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerDepartmentChart.js b/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerDepartmentChart.js
index e597151f0940e..de416f10d5d77 100644
--- a/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerDepartmentChart.js
+++ b/client/views/omnichannel/realTimeMonitoring/charts/ChatsPerDepartmentChart.js
@@ -38,7 +38,7 @@ const ChatsPerDepartmentChart = ({ params, reloadRef, ...props }) => {
 
 	reloadRef.current.chatsPerDepartmentChart = reload;
 
-	const { departments = {} } = data ?? initialData;
+	const chartData = data ?? initialData;
 
 	useEffect(() => {
 		const initChart = async () => {
@@ -49,11 +49,14 @@ const ChatsPerDepartmentChart = ({ params, reloadRef, ...props }) => {
 
 	useEffect(() => {
 		if (state === AsyncStatePhase.RESOLVED) {
-			Object.entries(departments).forEach(([name, value]) => {
-				updateChartData(name, [value.open, value.closed]);
-			});
+			if (chartData && chartData.success) {
+				delete chartData.success;
+				Object.entries(chartData).forEach(([name, value]) => {
+					updateChartData(name, [value.open, value.closed]);
+				});
+			}
 		}
-	}, [departments, state, t, updateChartData]);
+	}, [chartData, state, t, updateChartData]);
 
 	return <Chart ref={canvas} {...props} />;
 };