React JSX中的条件父打开Div

我有一个这样的例子,在Handlebar中,我们可以有条件地只渲染父打开div,现在,我开始做出反应,所以得到了下面的问题。

const ProductBlock: FC<Props> = (props: Props): JSX.Element => (
   <div className="image">
      // render the opening div conditionally
      {
       props.showImage ? 
       (
         <div className="show-review-image">
       )
       :
       (
         <div className="show-old-image">
       )
      }
      // this div will be the child of the above resulting conditional div
      <div className="child-div">
        <ul className="inline-list">
          {
            props.myArr.map((attribute: authorAttribute, index: number): JSX.Element => (
              <li key={index}>
                {attribute.key} {attribute.value}
              </li>
            ))
          }
        </ul>
      </div>
   </div>
</div>
);

这样做时,我得到了错误 JSX element 'div' has no corresponding closing tag.ts(17008)