onColumnFiltersChange - custom function

[mdodge-ecgrow]

I am trying to get the filtered row count and pass it up to a higher up component to display next to my title.

This is my table definition:

const table = useReactTable({
		data,
		columns,
		state: {
			sorting,
			rowSelection,
			globalFilter,
			columnFilters
		},
		onSortingChange: setSorting,
		onRowSelectionChange: setRowSelection,
		// onColumnFiltersChange: setColumnFilters,
		onColumnFiltersChange: columnsFiltersChange,
		onGlobalFilterChange: setGlobalFilter,
		enableRowSelection: true,
		getCoreRowModel: getCoreRowModel(),
		getSortedRowModel: getSortedRowModel(),
		getFilteredRowModel: getFilteredRowModel()
		// debugTable: true
	});

The commented line for 'onColumnFiltersChange' was what I had before. Now I am trying to set that to a custom function.
That custom function looks like this:

const columnsFiltersChange = () => {
		console.log('columnsFiltersChange');
		console.log({ count: table.getFilteredRowModel().rows.length });
		setFilteredCount(table.getFilteredRowModel().rows.length);
		setColumnFilters();
	};

But for some reason, it does not appear to be calling that custom function because none of those console logs are displayed when I filter rows. Does anyone know how I can properly do this?

[mdodge-ecgrow]

OK, so I completely commented out the line onColumnFiltersChange: columnsFiltersChange, and everything still filters correctly using the column filters. So my next question is what exactly does this code do? onColumnFiltersChange: setColumnFilters,