Sometimes createElement makes more sense

rareCreateElementPreferred.ts

import { ComponentType, createElement, CSSProperties } from 'react'

interface HasKey {
  key: string
}

type HomogenousListProps<T> = {
  as?: 'ol' | 'ul'
  component: ComponentType<T>
  items?: Array<T>
  style?: CSSProperties
}

function HomogenousList<T extends HasKey>({
  as = 'ul',
  component,
  items = [],
  style,
}: HomogenousListProps<T>) {
  return createElement(
    as,
    { style },
    items.map((item: T) => createElement(component, item))
  )
}