From 8022bb32a2dc95d5d869740cb7483f594acbe18e Mon Sep 17 00:00:00 2001
From: howiesommerfeld <howiesommerfeld@gmail.com>
Date: Mon, 24 Jun 2024 01:00:24 +0200
Subject: [PATCH] Add index to key for uniqueness (#640)

Using only the page as a key does not preserve uniqueness across updates. This caused, for example, an ellipsis to appear before the pagination elements when navigating from a page in the middle back to the first page.
---
 dashboard/final-example/app/ui/invoices/pagination.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dashboard/final-example/app/ui/invoices/pagination.tsx b/dashboard/final-example/app/ui/invoices/pagination.tsx
index 2030331..a72e1e7 100644
--- a/dashboard/final-example/app/ui/invoices/pagination.tsx
+++ b/dashboard/final-example/app/ui/invoices/pagination.tsx
@@ -38,7 +38,7 @@ export default function Pagination({ totalPages }: { totalPages: number }) {
 
           return (
             <PaginationNumber
-              key={page}
+              key={`${page}-${index}`}
               href={createPageURL(page)}
               page={page}
               position={position}