From 518c4bb9c523b4598aec8f2939912c5787fc1b67 Mon Sep 17 00:00:00 2001
From: Tomek Marciniak <tmarciniakm@gmail.com>
Date: Fri, 13 Oct 2023 09:58:01 +0200
Subject: [PATCH] fix(pagination): fix page number rerendering

---
 src/components/accounts/accounts-table.tsx         | 7 ++++---
 src/components/staking/staking-table.tsx           | 7 ++++---
 src/components/transactions/transactions-table.tsx | 7 ++++---
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/accounts/accounts-table.tsx b/src/components/accounts/accounts-table.tsx
index 9f8a0fe..7212b46 100644
--- a/src/components/accounts/accounts-table.tsx
+++ b/src/components/accounts/accounts-table.tsx
@@ -275,9 +275,9 @@ export const AccountsTable = ({
                         {header.isPlaceholder
                           ? null
                           : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext()
-                            )}
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
                       </TableHead>
                     )
                   })}
@@ -322,6 +322,7 @@ export const AccountsTable = ({
           </Table>
         </div>
         <Pagination
+          key={currentPage}
           currentPage={currentPage}
           pagesCount={pagesCount}
           resource="accounts"
diff --git a/src/components/staking/staking-table.tsx b/src/components/staking/staking-table.tsx
index 4511d77..af3c4b0 100644
--- a/src/components/staking/staking-table.tsx
+++ b/src/components/staking/staking-table.tsx
@@ -254,9 +254,9 @@ export const StakingTable = ({
                         {header.isPlaceholder
                           ? null
                           : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext()
-                            )}
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
                       </TableHead>
                     )
                   })}
@@ -301,6 +301,7 @@ export const StakingTable = ({
           </Table>
         </div>
         <Pagination
+          key={currentPage}
           currentPage={currentPage}
           pagesCount={pagesCount}
           resource="staking"
diff --git a/src/components/transactions/transactions-table.tsx b/src/components/transactions/transactions-table.tsx
index 535ed0e..570834b 100644
--- a/src/components/transactions/transactions-table.tsx
+++ b/src/components/transactions/transactions-table.tsx
@@ -293,9 +293,9 @@ export const TransactionsTable = ({
                         {header.isPlaceholder
                           ? null
                           : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext()
-                            )}
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
                       </TableHead>
                     )
                   })}
@@ -340,6 +340,7 @@ export const TransactionsTable = ({
           </Table>
         </div>
         <Pagination
+          key={currentPage}
           currentPage={currentPage}
           pagesCount={pagesCount}
           resource="transactions"