"react-table v7.1.0" + "@types/react-table": "^7.0.18"

[Wentris71]

Hello.

By attempting to implement ui-kit component based on react-table I faced some problems with compatibility of types.

Simple implementation

const { getTableProps, headerGroups, rows, prepareRow } = useTable(
  { columns, data, defaultColumn },
  useSortBy,
  useFlexLayout,
);

My outer interface looks like:

type DataGridProps = {
  columns: GridColumn[];
  data: any[];
  loading?: boolean;
  noContentText?: string;
  ...etc
}

Once I installed "@types/react-table": "^7.0.18" I wanted to reuse some interfaces inside my component or know how to properly avoid problem on picture bellow
( Type 'GridColumn[]' is not assignable to type 'Column[]'.)

As a quick solution I used
headerGroup.headers.map((column: UseSortByColumnProps<any> & any) => (

Thanks.