union types / generics for Table

[te-ce]

In our project, we have different hooks for different types of table data, as an example:

interface ProjectInfo { ... }

const useProjectInfoTable = (): Table<ProjectInfo> => {
  const data: ProjectInfo[] = ... ;
  const columns: ColumnDef<ProjectInfo, any>[] = ... ;

  return useReactTable({ columns, data, ... });
};

interface NameInfo {  ... }

const useNameInfoTable = (): Table<NameInfo> => {
  const data: NameInfo[] = ... ;
  const columns: ColumnDef<NameInfo, any>[] = ... ;

  return useReactTable({ columns, data, ...);
};

and one component for displaying all the data.

interface myTableProps {
  table: Table<any>;        // <<<<<< how to type this?
}

const myTable: FC<OmniTableProps> = ({ table }) => {
  return ( ... );
};

how do I need to type that any, so I can use both <myTable table={useProjectInfoTable()} />; and <myTable table={useNameInfoTable()} />;

using a union type

type myUnionType = NameInfo | ProjectInfo
interface OmniTableProps {
  table: Table<myUnionType>; 
}

does not work
Type 'Table<ProjectInfo>' is not assignable to type 'CoreInstance<myUnionType>'.

How do I solve this problem?
Reading the docs, I did not find anything in that regard, or did I miss something?

[te-ce]

Got the solution from here

so typing this would be:

interface myTableProps <T>{
  table: Table<T>; 
}

const myTable = <T,>({ table }: myTableProps<T>) => {  
  return ( ... );
};

or to be even typesafer:

type myUnionType = NameInfo | ProjectInfo

interface myTableProps <T>{
  table: Table<T>;
}
const myTable = <T extends myUnionType>({ table }: myTableProps<T>) => {
  return ( ... );
};

[te-ce]

to further elaborate:

the problem here was that the TS and JSX generic syntax just clashed.

I tried

type myUnionType = NameInfo | ProjectInfo

interface myTableProps <T>{
  table: Table<T>;
}
const myTable: FC<myTableProps<myUnionType>> = ({ table }) => {
  return (
    <>
      some UI render stuff
    </>
  );
};

which was not correct