Filtros

const [role, setRole] = useState("all");
const filtersRef = useRef({ role: "all" });

const { updateParams } = useTableSearchParams({ filterKeys: ["role"] });

const fetchFn = useCallback((params: DataTableFetchParams) => {
  updateParams(params, { role: filtersRef.current.role });  // URL al día
  return getUsersPageAction({ ...params, role: filtersRef.current.role });
}, [updateParams]);

const handleRoleChange = useCallback((value: string) => {
  filtersRef.current.role = value;   // la ref: el fetchFn corre antes del re-render
  setRole(value);                    // el estado: para pintar el select
  void tableRef.current?.resetAndRefetch();
}, []);

// 1. En las definiciones del menú
{ key: "issued", title: "Fecha de emisión", type: "dateRange" }

// 2. En la page action
import { parseRangeToken } from "@fesa/components/datatable";
const { from, to } = parseRangeToken(params.issued?.[0]);
if (from || to) {
  where.issuedAt = {
    ...(from ? { gte: new Date(from) } : {}),
    ...(to ? { lte: new Date(`${to}T23:59:59`) } : {}),   // incluir el día final
  };
}