temporary fix for high cpu usage (#3)

src/routes/alert-rule.tsx

@@ -10,7 +10,7 @@ import {
 } from "@/components/ui/table";
 import { ColumnDef, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import useSWR from "swr";
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 import { ActionButtonGroup } from "@/components/action-button-group";
 import { HeaderButtonGroup } from "@/components/header-button-group";
 import { toast } from "sonner";
@@ -120,8 +120,12 @@ export default function AlertRulePage() {
         },
     ];
 
+    const dataCache = useMemo(() => {
+        return data ?? [];
+    }, [data]);
+
     const table = useReactTable({
-        data: data ?? [],
+        data: dataCache,
         columns,
         getCoreRowModel: getCoreRowModel(),
     });