react-better-html 1.1.134 → 1.1.135

package/dist/index.mjs

@@ -7409,12 +7409,8 @@ var TableComponent = forwardRef15(function Table({
   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 columnsRef = useRef6(columns);
+  columnsRef.current = columns;
   const [checkedItems, setCheckedItems] = useState9([]);
   const [expandedRows, setExpandedRows] = useState9([]);
   const [currentPage, setCurrentPage] = useState9(1);
@@ -7662,7 +7658,7 @@ var TableComponent = forwardRef15(function Table({
     () => data.filter(
       (item) => Object.entries(filterData).every(([columnIndex, filter]) => {
         if (!filter) return true;
-        const column = columns[parseInt(columnIndex)];
+        const column = columnsRef.current[parseInt(columnIndex)];
         if (!column) return true;
         if (column.filter === "number" && filter.type === "number") {
           const itemValue = column.getValue?.(item) ?? (column.type === "text" && column.keyName ? Number(item[column.keyName]) : 0);
@@ -7681,7 +7677,7 @@ var TableComponent = forwardRef15(function Table({
         return true;
       })
     ),
-    [data, filterData, columns]
+    [data, filterData]
   );
   const dataAfterPagination = useMemo8(() => {
     if (pageSize === void 0) return dataAfterFilter;
@@ -7749,14 +7745,14 @@ var TableComponent = forwardRef15(function Table({
   );
   const onClickDeselectAllFilterListItems = useCallback11(() => setFilterListSelectedItems([]), []);
   useEffect10(() => {
-    onChangePageRef.current?.(currentPage);
-  }, [currentPage]);
+    onChangePage?.(currentPage);
+  }, [onChangePage, currentPage]);
   useEffect10(() => {
-    onChangeFilterRef.current?.(filterData);
-  }, [filterData]);
+    onChangeFilter?.(filterData);
+  }, [onChangeFilter, filterData]);
   useEffect10(() => {
-    onChangeFilterDataValueRef.current?.(dataAfterFilter);
-  }, [dataAfterFilter]);
+    onChangeFilterDataValue?.(dataAfterFilter);
+  }, [onChangeFilterDataValue, dataAfterFilter]);
   useImperativeHandle2(
     ref,
     () => {