diff --git a/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx b/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx
index 1ca7e94c33..a3466eeb95 100644
--- a/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx
+++ b/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx
@@ -36,7 +36,7 @@ const meta: Meta<
step: 1,
},
},
- initialPage: {
+ initialSelectedPage: {
control: {
type: 'number',
min: 1,
@@ -61,10 +61,10 @@ export const Controlled: Story = {
label: 'Label',
totalPages: 10,
visiblePageLimit: 3,
- initialPage: 2,
+ initialSelectedPage: 2,
},
- render: ({ totalPages, label, visiblePageLimit, initialPage }) => {
- const [page, setPage] = React.useState(initialPage ?? 1);
+ render: ({ totalPages, label, visiblePageLimit, initialSelectedPage }) => {
+ const [page, setPage] = React.useState(initialSelectedPage ?? 1);
return (
@@ -74,7 +74,7 @@ export const Controlled: Story = {
currentPage={page}
label={label}
visiblePageLimit={visiblePageLimit}
- initialPage={initialPage}
+ initialSelectedPage={initialSelectedPage}
onPageChange={setPage}
/>
@@ -87,15 +87,15 @@ export const Uncontrolled: Story = {
label: 'Label',
totalPages: 10,
visiblePageLimit: 3,
- initialPage: 2,
+ initialSelectedPage: 2,
},
- render: ({ totalPages, label, visiblePageLimit, initialPage }) => {
+ render: ({ totalPages, label, visiblePageLimit, initialSelectedPage }) => {
return (
console.log('Updating Page')}
/>
);
diff --git a/packages/libs/react-ui/src/components/Pagination/Pagination.tsx b/packages/libs/react-ui/src/components/Pagination/Pagination.tsx
index 844db72902..c7c3c4fc7b 100644
--- a/packages/libs/react-ui/src/components/Pagination/Pagination.tsx
+++ b/packages/libs/react-ui/src/components/Pagination/Pagination.tsx
@@ -12,7 +12,7 @@ export interface IPaginationProps {
currentPage?: number;
label: string;
visiblePageLimit?: number;
- initialPage?: number;
+ initialSelectedPage?: number;
onPageChange: (page: number) => void;
}
@@ -21,10 +21,10 @@ export const Pagination: FC = ({
currentPage,
label,
visiblePageLimit = 3,
- initialPage,
+ initialSelectedPage,
onPageChange,
}) => {
- const [_page, setPage] = useState(initialPage ?? 1);
+ const [_page, setPage] = useState(initialSelectedPage ?? 1);
const page = currentPage || _page;
const pages = paginate({
page,