dahjah/headplane
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

fix: memoize agent query params to prevent infinite refetching

Browse Source
This commit is contained in:
Aarnav Tale 2025-03-11 18:16:47 -04:00
parent 01f432cedc
commit c3ddac42a0
No known key found for this signature in database
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/utils/useAgent.ts
View File

@ -1,13 +1,20 @@
import { useEffect } from 'react';
import { useEffect, useMemo, useRef } from 'react';
import { useFetcher } from 'react-router';
import { HostInfo } from '~/types';
export default function useAgent(nodeIds: string[], interval = 3000) {
const fetcher = useFetcher<Record<string, HostInfo>>();
const qp = useMemo(
() => new URLSearchParams({ node_ids: nodeIds.join(',') }),
[nodeIds],
);
const idRef = useRef<string[]>(nodeIds);
useEffect(() => {
const qp = new URLSearchParams({ node_ids: nodeIds.join(',') });
fetcher.load(`/api/agent?${qp.toString()}`);
if (idRef.current.join(',') !== nodeIds.join(',')) {
fetcher.load(`/api/agent?${qp.toString()}`);
idRef.current = nodeIds;
}
const intervalID = setInterval(() => {
fetcher.load(`/api/agent?${qp.toString()}`);
@ -16,7 +23,7 @@ export default function useAgent(nodeIds: string[], interval = 3000) {
return () => {
clearInterval(intervalID);
};
}, [fetcher, interval, nodeIds]);
}, [interval, qp]);
return {
data: fetcher.data,