Cannot use Table.HeadCell outside Table.Head about flowbite-react HOT 2 OPEN

import { FC } from "react";
import { twMerge } from "tailwind-merge";
import { TableHeadCellProps as FlowbiteTableHeadCellProps, getTheme } from "flowbite-react";

export type TableHeadCellProps = FlowbiteTableHeadCellProps & {
  as?: "td" | "th";
};
export const TableHeadCell: FC<TableHeadCellProps> = ({ as = "th", ...props }) => {
  const tableTheme = getTheme().table;

  const Element = as;
  return <Element {...props} className={twMerge(tableTheme.head.cell.base, props.className)} />;
};

<Table.Head>
  <TableHeadCell as="td" className="px-0 group-first/head:first:rounded-none" />
  <Table.HeadCell className="min-w-48 pl-2">{t("projects.about.name")}</Table.HeadCell>