Typescript: TSX: no se puede utilizar un componente almacenado en una variable

Repro

Supongamos que tengo un componente llamado MyComponent .

Usar MyComponent así funciona:

render() {
  return <MyComponent />;
}

pero almacenar MyComponent en una variable y luego intentar usarlo no:

render() {
  var anAlias = MyComponent;
  return <anAlias />;
}

Da como resultado el siguiente error:

error TS2339: Property 'anAlias' does not exist on type 'JSX.IntrinsicElements'.

Solución alterna

En lugar de usar TSX, use React.createElement :

render() {
  var anAlias = MyComponent;
  return React.createElement(anAlias);
}