diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx
index f803a941bb..e300f22a84 100644
--- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx
+++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableFooter/TableFooter.tsx
@@ -75,7 +75,16 @@ export const TableFooter = observer(function TableFooter({
 }: TableFooterProps) {
   const ref = useRef<HTMLInputElement>(null);
   const handleChange = useCallback(
-    () => ref.current && model.setChunkSize(parseInt(ref.current.value, 10)),
+    () => {
+      if (!ref.current) {
+        return;
+      }
+      const value = parseInt(ref.current.value, 10);
+
+      if (model.getChunkSize() !== value) {
+        model.setChunkSize(value);
+      }
+    },
     [model]
   );