fix(admin): avoid frequent refetch (#7863)

packages/frontend/admin/package.json

@@ -48,6 +48,7 @@
     "react-resizable-panels": "^2.0.19",
     "react-router-dom": "^6.23.1",
     "sonner": "^1.5.0",
+    "swr": "^2.2.5",
     "vaul": "^0.9.1",
     "zod": "^3.23.8"
   },

packages/frontend/admin/src/app.tsx

@@ -10,6 +10,7 @@ import {
   useLocation,
 } from 'react-router-dom';
 import { toast } from 'sonner';
+import { SWRConfig } from 'swr';
 
 import { TooltipProvider } from './components/ui/tooltip';
 import { isAdmin, useCurrentUser, useServerConfig } from './modules/common';
@@ -108,7 +109,14 @@ export const App = () => {
   return (
     <TooltipProvider>
       <Telemetry />
-      <RouterProvider router={router} />
+      <SWRConfig
+        value={{
+          revalidateOnFocus: false,
+          revalidateOnMount: false,
+        }}
+      >
+        <RouterProvider router={router} />
+      </SWRConfig>
       <Toaster />
     </TooltipProvider>
   );

yarn.lock

@@ -202,6 +202,7 @@ __metadata:
     react-router-dom: "npm:^6.23.1"
     shadcn-ui: "npm:^0.8.0"
     sonner: "npm:^1.5.0"
+    swr: "npm:^2.2.5"
     tailwind-merge: "npm:^2.3.0"
     tailwindcss: "npm:^3.4.4"
     tailwindcss-animate: "npm:^1.0.7"