コンストラクトも呼び出しシグネチャも含まれていません。

Next.jsのTypeScriptにてコードを書いています。
以下の様なコンポーネントを作成しています。
コンポーネント側

export type ApiTableType = (keyof Alarm) | (keyof AlarmSearch) | (keyof LogSearchList) | (keyof StoreListPage) | (keyof StoreListPage);

export interface EnhancedTableProps {
  ApiEnum: ApiTableEnum;
  order: Order;
  orderBy: any;
}

export interface HeaderSortData {
  EnhanceHeader: JSX.Element;
  SortProp: SortProps;
}
export function EnhancedTableHead(props: EnhancedTableProps) {
    
  const { ApiEnum, order, orderBy} = props;
  SetOrdersData(props);
  const createSortHandler =
    (property: keyof ApiTableType) => (event: React.MouseEvent<unknown>) => {
      handleRequestSort(property);
  };
  let HeadCells = StoreListHeadCells;//GetTableApi(ApiEnum);
  const SortProp: SortProps = { order: order, orderBy: orderBy };
  const EnhanceHeader:JSX.Element = (
    <TableHead>
        <TableRow>
          {HeadCells.map((headCell) => (
            <TableCell
              key={headCell.id}
              align={headCell.numeric ? 'right' : 'left'}
              padding={headCell.disablePadding ? 'none' : 'normal'}
              sortDirection={orderBy === headCell.id ? order : false}
            >
              <TableSortLabel
                active={orderBy === headCell.id}
                direction={orderBy === headCell.id ? order : 'asc'}
                onClick={createSortHandler(headCell.id as any)}
              >
                {headCell.label}
                {orderBy === headCell.id ? (
                  <Box component="span" sx={visuallyHidden}>
                    {orderBy === 'desc' ? 'sorted descending' : 'sorted ascending'}
                  </Box>
                ) : null}
              </TableSortLabel>
            </TableCell>
          ))}
        </TableRow>
      </TableHead>
  );
  const EnhanceProps: HeaderSortData = { EnhanceHeader: EnhanceHeader, SortProp: SortProp };
  return EnhanceProps;
}

呼び出し側

  const HeadProps: EnhancedTableProps = { ApiEnum: ApiTableEnum.StoreListPage, order: order, orderBy: orderBy };
  const HeaderSortData = EnhancedTableHead(HeadProps);
  const { EnhanceHeader, SortProp } = HeaderSortData;

  return (
        <EnhanceHeader/>
  );

呼び出し側の<EnhanceHeader/>にて
JSX 要素型 'EnhanceHeader' にはコンストラクトも呼び出しシグネチャも含まれていません。
という波線のエラーが出てしまいます。

コンポーネント側にてconst EnhanceHeader:JSX.Element =
に代入してしまってるからだと予想はされますが
(呼び出し側でインスタンス化されないから。)
何か他に解決策はありませんでしょうか？