render - tsxでのstenciljs条件付きレンダリングリターン

Question

私の stenciljs render 関数は現在、次のようにタイプスクリプトで書かれています:

render() {
  if( this._isInline ) {
    return (
      <span>
        <slot />
      </span>
    );
  } else {
    return (
      <div>
        <slot />
      </div>
    );
  }
}

しかし、私はそれを次のように書くことができれば好きです：

render() {
  const tag = this._isInline ? 'span' : 'div';
  return (
    <{tag}>
      <slot />
    </{tag}>
  );
}

しかし、これにより多くのエラーメッセージが表示されます。

条件付きの開始タグと終了タグを持つように jsx コードを記述する方法はありますか?