[FIX] Fix infinite loop in federation dashboard

client/admin/federationDashboard/OverviewSection.js

@@ -1,13 +1,13 @@
 import { Box, Skeleton } from '@rocket.chat/fuselage';
-import React, { useMemo } from 'react';
+import React from 'react';
 
 import { useTranslation } from '../../contexts/TranslationContext';
 import CounterSet from '../../components/data/CounterSet';
 import { usePolledMethodData, AsyncState } from '../../contexts/ServerContext';
 
 function OverviewSection() {
 	const t = useTranslation();
-	const [overviewData, overviewStatus] = usePolledMethodData('federation:getOverviewData', useMemo(() => [], []), 10000);
+	const [overviewData, overviewStatus] = usePolledMethodData('federation:getOverviewData', [], 10000);
 
 	const eventCount = (overviewStatus === AsyncState.LOADING && <Skeleton variant='text' />)
 		|| (overviewStatus === AsyncState.ERROR && <Box color='danger'>Error</Box>)

client/admin/federationDashboard/ServersSection.js

@@ -1,10 +1,10 @@
 import { Box, Throbber } from '@rocket.chat/fuselage';
-import React, { useMemo } from 'react';
+import React from 'react';
 
 import { usePolledMethodData, AsyncState } from '../../contexts/ServerContext';
 
 function ServersSection() {
-	const [serversData, serversStatus] = usePolledMethodData('federation:getServers', useMemo(() => [], []), 10000);
+	const [serversData, serversStatus] = usePolledMethodData('federation:getServers', [], 10000);
 
 	if (serversStatus === AsyncState.LOADING) {
 		return <Throbber align='center' />;

client/contexts/ServerContext.ts

@@ -85,7 +85,7 @@ export const useMethodData = <T>(methodName: string, args: any[] = []): [T | und
 				updateState(([data]) => [data, AsyncState.ERROR]);
 				console.error(error);
 			});
-	}, [getData, args]);
+	}, [getData, JSON.stringify(args)]);
 
 	useEffect(() => {
 		fetchData();