Why are filterFns and aggregationFns required in tableOption?

[sp88011]

Pretty sure this is a pure Typescript problem/misunderstanding (...what isn't :) ? ) but I'm struggling to figure out the root cause.

I created a custom filter and custom aggregation function.

Now, for some reason, my table options require me to provide the filterFns and aggregationFns properties even though I'm not doing any filtering or aggregation in my table.

What can I do to not have to provide those properties?

const table = useReactTable({ data, columns, 
//etc.

Getting a type error that reads:

Property 'aggregationFns' is missing in type '{ data: (....)}' 
...
Grouping.d.ts(53, 5): 'aggregationFns' is declared here.

In another file, I define my custom filter and aggregation function

declare module "@tanstack/table-core" {
  interface FilterFns {
    fuzzy: FilterFn<unknown>;
  }
  interface FilterMeta {
    itemRank: RankingInfo;
  }
  interface AggregationFns {
    progress: AggregationFn<unknown>;
  }
}

export const fuzzyFilter: FilterFn<any> = ...
export const progressAggregator: AggregationFn<any> = ( ...

[foodornt]

Same, and it's annoying
can I not declare modules locally for one file?

[bravo-kernel]

For future visitors. Just found out two things:

1. Interfaces defined inside the declare module (appear to) become obligatory in all tables.
2. If you need to apply a filter on e.g. just a specific table and a specific column there is no need to use declare module. Instead, just import your filter then add it to using the column helper like below:

import { permissionFilter } from "#app/components/tanstack-table/filters/permission";

...
  columnHelper.accessor("action", {
    header: "Permission",
    enableColumnFilter: true,
    cell: (info) => info.getValue(),
    filterFn: permissionFilter as FilterFnOption<unknown>,
  }),

[foodornt]

wow you're a fucking legend dude
I was struggling with typings till the moment, I still use the library
How did you find out the solution?