fix: parentRef cant be null

Author: astandrik

src/components/PaginatedTable/PaginatedTable.tsx

@@ -35,7 +35,7 @@ export interface PaginatedTableProps<T, F> {
     columns: Column<T>[];
     getRowClassName?: GetRowClassName<T>;
     rowHeight?: number;
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
     initialSortParams?: SortParams;
     onColumnsResize?: HandleTableColumnsResize;
     renderControls?: RenderControls;

src/components/PaginatedTable/useScrollBasedChunks.ts

@@ -5,7 +5,7 @@ import {throttle} from 'lodash';
 import {calculateElementOffsetTop} from './utils';
 
 interface UseScrollBasedChunksProps {
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
     tableRef: React.RefObject<HTMLElement>;
     totalItems: number;
     rowHeight: number;
@@ -82,16 +82,11 @@ export const useScrollBasedChunks = ({
     }, [handleScroll, parentRef]);
 
     return React.useMemo(() => {
-        const activeChunkIds = Array.from(
-            {length: endChunk - startChunk + 1},
-            (_, i) => startChunk + i,
-        );
-
         // Create boolean array where true represents active chunks
         const activeChunks = Array(chunksCount).fill(false);
-        activeChunkIds.forEach((id) => {
-            activeChunks[id] = true;
-        });
+        for (let i = startChunk; i <= endChunk; i++) {
+            activeChunks[i] = true;
+        }
 
         return activeChunks;
     }, [endChunk, startChunk, chunksCount]);

src/containers/Nodes/NodesWrapper.tsx

@@ -8,7 +8,7 @@ import {PaginatedNodes} from './PaginatedNodes';
 interface NodesWrapperProps {
     path?: string;
     database?: string;
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
     additionalNodesProps?: AdditionalNodesProps;
 }
 

src/containers/Nodes/PaginatedNodes.tsx

@@ -44,7 +44,7 @@ const b = cn('ydb-nodes');
 interface NodesProps {
     path?: string;
     database?: string;
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
     additionalNodesProps?: AdditionalNodesProps;
 }
 

src/containers/Storage/PaginatedStorage.tsx

@@ -12,7 +12,7 @@ export interface PaginatedStorageProps {
 
     viewContext: StorageViewContext;
 
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
 
     initialEntitiesCount?: number;
 }

src/containers/Storage/StorageGroups/PaginatedStorageGroupsTable.tsx

@@ -32,7 +32,7 @@ interface PaginatedStorageGroupsTableProps {
     visibleEntities: VisibleEntities;
     onShowAll: VoidFunction;
 
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
     renderControls?: RenderControls;
     renderErrorMessage: RenderErrorMessage;
     initialEntitiesCount?: number;

src/containers/Storage/StorageNodes/PaginatedStorageNodesTable.tsx

@@ -29,7 +29,7 @@ interface PaginatedStorageNodesTableProps {
     nodesUptimeFilter: NodesUptimeFilterValues;
     onShowAll: VoidFunction;
 
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
     renderControls?: RenderControls;
     renderErrorMessage: RenderErrorMessage;
     initialEntitiesCount?: number;

src/containers/Storage/StorageWrapper.tsx

@@ -11,7 +11,7 @@ interface StorageWrapperProps {
     pDiskId?: string | number;
     groupId?: string | number;
     vDiskSlotId?: string | number;
-    parentRef: React.RefObject<HTMLElement> | null;
+    parentRef: React.RefObject<HTMLElement>;
 }
 
 export const StorageWrapper = ({parentRef, ...props}: StorageWrapperProps) => {