React sub component example typing

[marceloverdijk]

Hi @berdyshev / @KevinVandy ,

I noticed the React sub-component example you added recently.

It seems to add a generic Table sub-component, but however it is still typed to Person.

table/examples/react/sub-components/src/main.tsx

Line 111 in 2cb4b7a

}: TableProps<Person>): JSX.Element {

Is there a way to solve that and remove the Person dependency from the Table sub-component to make it fully generic?

type TableProps<TData> = {                                                      <==== generic TData
  data: TData[]                                                                 <==== generic TData
  columns: ColumnDef<TData>[]                                                   <==== generic TData
  renderSubComponent: (props: { row: Row<TData> }) => React.ReactElement        <==== generic TData
  getRowCanExpand: (row: Row<TData>) => boolean                                 <==== generic TData
}

function Table({
  data,
  columns,
  renderSubComponent,
  getRowCanExpand,
}: TableProps<Person>): JSX.Element {                                           <==== tight to Person
  const table = useReactTable<Person>({
    data,
    columns,
    getRowCanExpand,
    getCoreRowModel: getCoreRowModel(),
    getExpandedRowModel: getExpandedRowModel(),
  })