Resolve unique key error

centrifuge · Oct 13, 2023 · 26f28f1 · 26f28f1
1 parent e34d67c
commit 26f28f1
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/fabric/src/components/Pagination/Pagination.tsx b/fabric/src/components/Pagination/Pagination.tsx
@@ -105,7 +105,12 @@ export function Pagination({ pagination }: { pagination?: PaginationState }) {
         </Text>
       )}
       {pages.map((n) => (
-        <StyledButton onClick={() => goToPage(n)} $active={page === n} aria-label={`Go to page ${n}`}>
+        <StyledButton
+          key={`pagr-nr-${n}`}
+          onClick={() => goToPage(n)}
+          $active={page === n}
+          aria-label={`Go to page ${n}`}
+        >
           <Text variant="interactive1" color="inherit">
             {n}
           </Text>