stenciljs条件渲染返回tsx

Question

我的stenciljs渲染函数当前是用打字稿编写的，方法是：

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代码，以便我有条件地打开和关闭标签？