Passing columns as props to a React component

export type PlainTableProps = {
  columns: ColumnDef<unknown>[]; // <<<<<<<<<<<<<< I want to pass columns as props
  data: unknown[];
  emptyMessage: string;
};

export const PlainTable = ({
  columns,
  data,
  emptyMessage,
}: PlainTableProps) => {
  const table = useReactTable({
    data,
    columns,
    getCoreRowModel: getCoreRowModel(),
  });

export const CertificatesTable = ({ certificates }: CertificateTableProps) => {
  const columns = useMemo(
    () => [
      certificateColumnHelper.accessor("subject", {
        header: "Subject",
        cell: (info) => <span>{info.getValue()}</span>,
      }),
      // ...
    ],
    []
  );

  return (
    <PlainTable
      data={certificates}
      columns={columns} // <<<<<<<<<<<<< This does not work
      emptyMessage="There are no certificates"
    />
  );
};

Type 'ColumnDefBase<Certificate, string> & StringHeaderIdentifier' is not assignable to type 'ColumnDef<unknown>'.
      Type 'ColumnDefBase<Certificate, string> & StringHeaderIdentifier' is not assignable to type 'AccessorFnColumnDefBase<unknown, unknown> & IdIdentifier<unknown, unknown>'.