diff --git a/packages/trace-viewer/src/ui/llm.tsx b/packages/trace-viewer/src/ui/llm.tsx
index d4cf62bdfd..0a68371a5f 100644
--- a/packages/trace-viewer/src/ui/llm.tsx
+++ b/packages/trace-viewer/src/ui/llm.tsx
@@ -24,7 +24,7 @@ export type LLMMessage = {
   displayContent?: string;
 };
 
-interface LLM { 
+interface LLM {
   readonly name: string;
   chatCompletion(messages: LLMMessage[], signal: AbortSignal): AsyncGenerator<string>;
 }
diff --git a/packages/web/src/uiUtils.ts b/packages/web/src/uiUtils.ts
index 9de1000e5e..f7be09ef24 100644
--- a/packages/web/src/uiUtils.ts
+++ b/packages/web/src/uiUtils.ts
@@ -250,8 +250,11 @@ export function useFlash(): [boolean, EffectCallback] {
 }
 
 export function useCookies() {
-  return document.cookie.split('; ').filter(v => v.includes('=')).map(kv => {
-    const separator = kv.indexOf('=');
-    return [kv.substring(0, separator), kv.substring(separator + 1)];
-  });
+  const cookies = React.useMemo(() => {
+    return document.cookie.split('; ').filter(v => v.includes('=')).map(kv => {
+      const separator = kv.indexOf('=');
+      return [kv.substring(0, separator), kv.substring(separator + 1)];
+    });
+  }, [document.cookie]);
+  return cookies;
 }