From 796db8f0a80446fb683e074f4924b6b613e5355e Mon Sep 17 00:00:00 2001
From: LukeGus <bugattiguy527@gmail.com>
Date: Mon, 28 Sep 2026 20:14:54 -0500
Subject: [PATCH] fix(session-recording): stop session logs panel from
 refetching in a loop

---
 plugins/session-recording/src/frontend/SessionLogsPanel.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/plugins/session-recording/src/frontend/SessionLogsPanel.tsx b/plugins/session-recording/src/frontend/SessionLogsPanel.tsx
index 05dca69a6..44e25afb7 100644
--- a/plugins/session-recording/src/frontend/SessionLogsPanel.tsx
+++ b/plugins/session-recording/src/frontend/SessionLogsPanel.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useRef } from "react";
+import { useState, useEffect, useCallback, useMemo, useRef } from "react";
 import {
   useTranslation,
   useToast,
@@ -243,7 +243,8 @@ function LogRow({
 export function SessionLogsPanel() {
   const { t } = useTranslation();
   const toast = useToast();
-  const api = createSessionRecordingApi(usePluginApi());
+  const pluginApi = usePluginApi();
+  const api = useMemo(() => createSessionRecordingApi(pluginApi), [pluginApi]);
   const canView = usePermission("view");
   const [logs, setLogs] = useState<SessionLogRecord[]>([]);
   const [loading, setLoading] = useState(true);