diff --git a/packages/eui/changelogs/upcoming/8243.md b/packages/eui/changelogs/upcoming/8243.md new file mode 100644 index 00000000000..8ad6028dde5 --- /dev/null +++ b/packages/eui/changelogs/upcoming/8243.md @@ -0,0 +1,3 @@ +**Bug fixes** + +- Ensures that the `values` of `EuiI18n` used in `EuiPagination` use `key` attributes to prevent potential ["unique key" warnings](https://react.dev/learn/rendering-lists#keeping-list-items-in-order-with-key). diff --git a/packages/eui/src/components/pagination/pagination.tsx b/packages/eui/src/components/pagination/pagination.tsx index 93851142622..18393b52455 100644 --- a/packages/eui/src/components/pagination/pagination.tsx +++ b/packages/eui/src/components/pagination/pagination.tsx @@ -159,8 +159,8 @@ export const EuiPagination: FunctionComponent = ({ token="euiPagination.pageOfTotalCompressed" default="{page} of {total}" values={{ - page: {activePage + 1}, - total: {pageCount}, + page: {activePage + 1}, + total: {pageCount}, }} />