react-better-html 1.1.133 → 1.1.134

package/dist/index.js

@@ -7485,6 +7485,12 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   const mediaQuery = useMediaQuery();
   const { colorTheme } = useBetterHtmlContextInternal();
   const filterModalRef = (0, import_react25.useRef)(null);
+  const onChangePageRef = (0, import_react25.useRef)(onChangePage);
+  onChangePageRef.current = onChangePage;
+  const onChangeFilterRef = (0, import_react25.useRef)(onChangeFilter);
+  onChangeFilterRef.current = onChangeFilter;
+  const onChangeFilterDataValueRef = (0, import_react25.useRef)(onChangeFilterDataValue);
+  onChangeFilterDataValueRef.current = onChangeFilterDataValue;
   const [checkedItems, setCheckedItems] = (0, import_react25.useState)([]);
   const [expandedRows, setExpandedRows] = (0, import_react25.useState)([]);
   const [currentPage, setCurrentPage] = (0, import_react25.useState)(1);
@@ -7819,14 +7825,14 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   );
   const onClickDeselectAllFilterListItems = (0, import_react25.useCallback)(() => setFilterListSelectedItems([]), []);
   (0, import_react25.useEffect)(() => {
-    onChangePage?.(currentPage);
-  }, [onChangePage, currentPage]);
+    onChangePageRef.current?.(currentPage);
+  }, [currentPage]);
   (0, import_react25.useEffect)(() => {
-    onChangeFilter?.(filterData);
-  }, [onChangeFilter, filterData]);
+    onChangeFilterRef.current?.(filterData);
+  }, [filterData]);
   (0, import_react25.useEffect)(() => {
-    onChangeFilterDataValue?.(dataAfterFilter);
-  }, [onChangeFilterDataValue, dataAfterFilter]);
+    onChangeFilterDataValueRef.current?.(dataAfterFilter);
+  }, [dataAfterFilter]);
   (0, import_react25.useImperativeHandle)(
     ref,
     () => {