Performance sweep (#147)

src-web/hooks/useActiveRequestId.ts

@@ -1,6 +1,17 @@
-import { useParams } from 'react-router-dom';
+import { useParams } from '@tanstack/react-router';
+import { atom, useAtomValue } from 'jotai';
+import { useEffect } from 'react';
+import { jotaiStore } from '../routes/__root';
+
+export const activeRequestIdAtom = atom<string>();
 
 export function useActiveRequestId(): string | null {
-  const { requestId } = useParams();
-  return requestId ?? null;
+  return useAtomValue(activeRequestIdAtom) ?? null;
+}
+
+export function useSubscribeActiveRequestId() {
+  const { requestId } = useParams({ strict: false });
+  useEffect(() => {
+    jotaiStore.set(activeRequestIdAtom, requestId);
+  }, [requestId]);
 }