Fix performance related to having 100s of requests (#123)

src-web/hooks/useGrpcRequests.ts

@@ -1,22 +1,8 @@
 import type { GrpcRequest } from '@yaakapp-internal/models';
-import { atom, useAtom } from 'jotai';
-import { useEffect } from 'react';
-import { invokeCmd } from '../lib/tauri';
-import { useActiveWorkspace } from './useActiveWorkspace';
+import { atom, useAtomValue } from 'jotai';
 
 export const grpcRequestsAtom = atom<GrpcRequest[]>([]);
 
 export function useGrpcRequests() {
-  const [items, setItems] = useAtom(grpcRequestsAtom);
-  const workspace = useActiveWorkspace();
-
-  // Fetch new requests when workspace changes
-  useEffect(() => {
-    if (workspace == null) return;
-    invokeCmd<GrpcRequest[]>('cmd_list_grpc_requests', { workspaceId: workspace.id }).then(
-      setItems,
-    );
-  }, [setItems, workspace]);
-
-  return items;
+  return useAtomValue(grpcRequestsAtom);
 }