fix(table): keep rows rendered when pageSizes prop changes at runtime

Pagination's mount effect persists the initial page size into Table's
internal pagination state. If a consumer later passes a different
pagination.pageSizes (e.g. derived from the viewport height), the stale
internal pageSize no longer matches any entry: the pageData memo's lookup
loop falls through to return null and the table renders its empty state
("No data found") with data still present, recovering only on remount.

Two-layer fix:
- usePagination: normalize a merged pageSize that is not contained in the
  merged pageSizes to pageSizes[0], keeping the data slice, pager count,
  and currentPage clamp consistent.
- Table pageData memo: replace the terminal return-null fallthrough with a
  defensive slice using the first available size.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: agupta-eightfold

src/components/Table/Hooks/usePagination.ts

@@ -80,6 +80,15 @@ export default function usePagination(
     }
   );
 
+  // A changed pageSizes prop can orphan the pageSize persisted by Pagination's mount effect
+  if (
+    mergedPagination.pageSizes &&
+    mergedPagination.pageSize !== undefined &&
+    !mergedPagination.pageSizes.includes(mergedPagination.pageSize)
+  ) {
+    mergedPagination.pageSize = mergedPagination.pageSizes[0];
+  }
+
   // Reset `current` if data length or pageSize changed
   const pages: number[] = mergedPagination.pageSizes!;
   let maxPage: number;

src/components/Table/Table.tsx

@@ -579,6 +579,14 @@ function InternalTable<RecordType extends object = any>(
           );
         }
       }
+
+      // pageSize not in pageSizes: fall back to the first size instead of rendering empty
+      const fallbackPageSize: number = pageSizes[0] ?? DEFAULT_PAGE_SIZE;
+      mergedPagination.pageSize = fallbackPageSize;
+      return mergedData.slice(
+        (currentPage - 1) * fallbackPageSize,
+        currentPage * fallbackPageSize
+      );
     } else {
       if (mergedData.length < total!) {
         if (mergedData.length > pageSize) {

src/components/Table/Tests/Table.pagination.test.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { act } from 'react-dom/test-utils';
 import Enzyme, { mount } from 'enzyme';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import Table from '../index';
@@ -77,6 +78,27 @@ describe('Table.table-pagination', () => {
     expect(renderedNames(wrapper)).toEqual(['Lola']);
   });
 
+  it('keeps rendering rows when a dynamic pageSizes prop changes value', () => {
+    // act() flushes Pagination's mount effect, which persists the initial size (the bug trigger)
+    let wrapper;
+    act(() => {
+      wrapper = mount(
+        createTable({
+          dataSource: longData,
+          pagination: { pageSizes: [10] },
+        })
+      );
+    });
+    wrapper.update();
+    expect(renderedNames(wrapper)).toHaveLength(10);
+
+    act(() => {
+      wrapper.setProps({ pagination: { pageSizes: [9] } });
+    });
+    wrapper.update();
+    expect(renderedNames(wrapper)).toHaveLength(9);
+  });
+
   it('should not crash when trigger onChange in render', () => {
     function App() {
       const [page, setPage] = React.useState({