From 7513ea7670d1e66f0a60245333e0c7d7b7bb8d49 Mon Sep 17 00:00:00 2001
From: Kacper Roemer <kacperroemer@gmail.com>
Date: Thu, 14 Dec 2023 15:41:05 +0000
Subject: [PATCH] use react useEffect hook

---
 src/table/table.component.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/table/table.component.tsx b/src/table/table.component.tsx
index e92163e1..1f7715d9 100644
--- a/src/table/table.component.tsx
+++ b/src/table/table.component.tsx
@@ -94,8 +94,13 @@ const Table = React.memo((props: TableProps): React.ReactElement => {
   } = props;
 
   const count = maxShots > totalDataCount ? totalDataCount : maxShots;
-  const pageToUse = count > page * resultsPerPage ? page : 0;
-  if (page !== pageToUse) onPageChange(pageToUse);
+
+  React.useEffect(() => {
+    console.log('page', page);
+    if (count < page * resultsPerPage) {
+      onPageChange(0);
+    }
+  }, [count, page, resultsPerPage, onPageChange, data]);
 
   const defaultColumn: Partial<ColumnDef<RecordRow>> = React.useMemo(
     () => ({
@@ -286,7 +291,7 @@ const Table = React.memo((props: TableProps): React.ReactElement => {
         component="div"
         count={count}
         onPageChange={(e, page) => onPageChange(page)}
-        page={pageToUse}
+        page={count > page * resultsPerPage ? page : 0}
         rowsPerPage={resultsPerPage}
         rowsPerPageOptions={maxShots === 50 ? [10, 25, 50] : [10, 25, 50, 100]}
         onRowsPerPageChange={(event) =>