Override type of "globalFilter"

[sebkasanzew]

I want to override globalFilter in GlobalFiltering.ts, which is implemented like this:

// GlobalFiltering.ts
export interface GlobalFilterTableState {
  globalFilter: any
}

I tried several things like:

// react-table.d.ts in application code
declare module '@tanstack/table-core' {
  export interface GlobalFilterTableState {
    globalFilter: string
  }
}

but it's still typed as any everywhere.

The only thing that worked and made the override work, was modifying the source code in GlobalFiltering.ts:

// GlobalFiltering.ts
export interface GlobalFilterTableState {
  globalFilter: unknown
}

Is there any reason globalFilter needs to be typed as any, or is there a way to override the type without changing it to unknown in the source?

Here is a codesandbox with my problem: codesandbox.io

[KevinVandy]

Just specify the actual package you have installed, not table-core

[sebkasanzew]

Thanks, I thought I tried that, but I guess not 😅

It works 👍

// react-table.d.ts in application code
declare module '@tanstack/react-table' {
  export interface GlobalFilterTableState {
    globalFilter: string
  }
}	

[sebkasanzew]

Ups, still had set unknown in GlobalFiltering.d.ts. So the solution above doesn't work.

I'll create a reproduction example in codesandbox later.

[sebkasanzew]

Here is a codesandbox with my problem: codesandbox.io