fix: should not cache data

Author: Raubzeug

src/components/PaginatedTable/PaginatedTable.tsx

@@ -38,6 +38,7 @@ export interface PaginatedTableProps<T, F> {
     renderErrorMessage?: RenderErrorMessage;
     containerClassName?: string;
     onDataFetched?: (data: PaginatedTableData<T>) => void;
+    keepCache?: boolean;
 }
 
 const DEFAULT_PAGINATION_LIMIT = 20;
@@ -59,6 +60,7 @@ export const PaginatedTable = <T, F>({
     renderEmptyDataMessage,
     containerClassName,
     onDataFetched,
+    keepCache = true,
 }: PaginatedTableProps<T, F>) => {
     const initialTotal = initialEntitiesCount || 0;
     const initialFound = initialEntitiesCount || 1;
@@ -134,6 +136,7 @@ export const PaginatedTable = <T, F>({
                 renderEmptyDataMessage={renderEmptyDataMessage}
                 onDataFetched={handleDataFetched}
                 isActive={isActive}
+                keepCache={keepCache}
             />
         ));
     };

src/components/PaginatedTable/TableChunk.tsx

@@ -37,6 +37,8 @@ interface TableChunkProps<T, F> {
     renderErrorMessage?: RenderErrorMessage;
     renderEmptyDataMessage?: RenderEmptyDataMessage;
     onDataFetched: (data?: PaginatedTableData<T>) => void;
+
+    keepCache?: boolean;
 }
 
 // Memoisation prevents chunks rerenders that could cause perfomance issues on big tables
@@ -55,6 +57,7 @@ export const TableChunk = typedMemo(function TableChunk<T, F>({
     renderEmptyDataMessage,
     onDataFetched,
     isActive,
+    keepCache,
 }: TableChunkProps<T, F>) {
     const [isTimeoutActive, setIsTimeoutActive] = React.useState(true);
     const [autoRefreshInterval] = useAutoRefreshInterval();
@@ -74,6 +77,7 @@ export const TableChunk = typedMemo(function TableChunk<T, F>({
     tableDataApi.useFetchTableChunkQuery(queryParams, {
         skip: isTimeoutActive || !isActive,
         pollingInterval: autoRefreshInterval,
+        refetchOnMountOrArgChange: !keepCache,
     });
 
     const {currentData, error} = tableDataApi.endpoints.fetchTableChunk.useQueryState(queryParams);

src/containers/Tenant/Diagnostics/TopicData/TopicData.tsx

@@ -257,6 +257,7 @@ export function TopicData({parentRef, path, database}: TopicDataProps) {
                     filters={tableFilters}
                     tableName="topicData"
                     rowHeight={DEFAULT_TABLE_ROW_HEIGHT}
+                    keepCache={false}
                 />
             )}
         </React.Fragment>