react-better-html 1.1.132 → 1.1.134

package/dist/index.mjs

@@ -7402,12 +7402,19 @@ var TableComponent = forwardRef15(function Table({
   onClickAllCheckboxes,
   onChangePage,
   onChangeFilter,
+  onChangeFilterDataValue,
   ...props
 }, ref) {
   const theme2 = useTheme();
   const mediaQuery = useMediaQuery();
   const { colorTheme } = useBetterHtmlContextInternal();
   const filterModalRef = useRef6(null);
+  const onChangePageRef = useRef6(onChangePage);
+  onChangePageRef.current = onChangePage;
+  const onChangeFilterRef = useRef6(onChangeFilter);
+  onChangeFilterRef.current = onChangeFilter;
+  const onChangeFilterDataValueRef = useRef6(onChangeFilterDataValue);
+  onChangeFilterDataValueRef.current = onChangeFilterDataValue;
   const [checkedItems, setCheckedItems] = useState9([]);
   const [expandedRows, setExpandedRows] = useState9([]);
   const [currentPage, setCurrentPage] = useState9(1);
@@ -7742,11 +7749,14 @@ var TableComponent = forwardRef15(function Table({
   );
   const onClickDeselectAllFilterListItems = useCallback11(() => setFilterListSelectedItems([]), []);
   useEffect10(() => {
-    onChangePage?.(currentPage);
-  }, [onChangePage, currentPage]);
+    onChangePageRef.current?.(currentPage);
+  }, [currentPage]);
   useEffect10(() => {
-    onChangeFilter?.(filterData);
-  }, [onChangeFilter, filterData]);
+    onChangeFilterRef.current?.(filterData);
+  }, [filterData]);
+  useEffect10(() => {
+    onChangeFilterDataValueRef.current?.(dataAfterFilter);
+  }, [dataAfterFilter]);
   useImperativeHandle2(
     ref,
     () => {