chore: use memo

devflowinc · Sep 13, 2024 · 2a8b7f6 · 2a8b7f6
1 parent f56b183
commit 2a8b7f6
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/frontends/analytics/src/components/charts/RagQueries.tsx b/frontends/analytics/src/components/charts/RagQueries.tsx
@@ -11,7 +11,14 @@ import {
   createSolidTable,
 } from "@tanstack/solid-table";
 import { createQuery, useQueryClient } from "@tanstack/solid-query";
-import { createEffect, createSignal, Show, useContext } from "solid-js";
+import {
+  Accessor,
+  createEffect,
+  createMemo,
+  createSignal,
+  Show,
+  useContext,
+} from "solid-js";
 import { getRAGQueries } from "../../api/analytics";
 import { DatasetContext } from "../../layouts/TopBarLayout";
 import { usePagination } from "../../hooks/usePagination";
@@ -83,7 +90,7 @@ export const RagQueries = (props: RagQueriesProps) => {
     },
   }));
 
-  const defaultColumns: ColumnDef<RagQueryEvent>[] = [
+  const columns: Accessor<ColumnDef<RagQueryEvent>[]> = createMemo(() => [
     {
       accessorKey: "user_message",
       header: "User Message",
@@ -125,7 +132,7 @@ export const RagQueries = (props: RagQueriesProps) => {
         );
       },
     },
-  ];
+  ]);
 
   return (
     <ChartCard
@@ -160,7 +167,7 @@ export const RagQueries = (props: RagQueriesProps) => {
                 pageSize: 10,
               },
             },
-            columns: defaultColumns,
+            columns: columns(),
             getCoreRowModel: getCoreRowModel(),
             manualPagination: true,
           });