Typescript: TSX: нельзя использовать компонент, хранящийся в переменной

Репро

Предположим, у меня есть компонент с именем MyComponent .

Использование MyComponent как это работает:

render() {
  return <MyComponent />;
}

но сохранение MyComponent в переменной с последующей попыткой ее использования не приводит:

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

Это приводит к следующей ошибке:

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

Обходной путь

Вместо использования TSX используйте React.createElement :

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