Convert setState to a callback form

gravitational · Oct 28, 2024 · 56e1cb8 · 56e1cb8
1 parent f7f2d93
commit 56e1cb8
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/web/packages/design/src/DataTable/useTable.ts b/web/packages/design/src/DataTable/useTable.ts
@@ -185,30 +185,30 @@ export default function useTable<T>({
     if (serversideProps) {
       fetching?.onFetchNext?.();
     }
-    setState({
-      ...state,
-      pagination: state.pagination
+    setState(prevState => ({
+      ...prevState,
+      pagination: prevState.pagination
         ? {
-            ...state.pagination,
-            currentPage: state.pagination.currentPage + 1,
+            ...prevState.pagination,
+            currentPage: prevState.pagination.currentPage + 1,
           }
         : undefined,
-    });
+    }));
   }
 
   function prevPage() {
     if (serversideProps) {
       fetching?.onFetchPrev?.();
     }
-    setState({
-      ...state,
-      pagination: state.pagination
+    setState(prevState => ({
+      ...prevState,
+      pagination: prevState.pagination
         ? {
-            ...state.pagination,
-            currentPage: state.pagination.currentPage - 1,
+            ...prevState.pagination,
+            currentPage: prevState.pagination.currentPage - 1,
           }
         : undefined,
-    });
+    }));
   }
 
   useEffect(() => {