Typescript: TSX: Kann eine in einer Variablen gespeicherte Komponente nicht verwenden

Repro

Angenommen, ich habe eine Komponente namens MyComponent .

Verwenden von MyComponent wie folgt:

render() {
  return <MyComponent />;
}

aber MyComponent in einer Variablen zu speichern und dann zu versuchen, sie zu verwenden, funktioniert nicht:

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

Es führt zu folgendem Fehler:

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

Problemumgehung

Anstatt TSX zu verwenden, verwenden Sie React.createElement :

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