React jsxの中でpタグを出し分けたい

Question

jsxの中でpタグを出し分けたいです。
isCurrentはbooleanでgroupsをオブジェクトとなっています。
isCurrentだけで<p>タグをだし分けることはできるのですがgroupsのデータがある時（groups＆＆）の出しわけを追加すると
エラーになってしまいます。
どうしてなんでしょう？？

エラー
';' が必要です。ts(1005)
宣言またはステートメントが必要です。ts(1128)

// エラーにならない
      {isCurrent ? (
        <p>現在</p>
      ) : (
        <p>
         {group.name}
        </p>
      )}

// エラーになる
   {group&& (
      {isCurrent ? (
        <p>現在</p>
      ) : (
        <p>
         {group.name}
        </p>
      )}
    )}

Answer 1

group && 以降も式の中ですので、JSXに式を埋め込むための中括弧は不要です。

   {group&& (
      isCurrent ? (
        <p>現在</p>
      ) : (
        <p>
         {group.name}
        </p>
      )
    )}

Comments

[dsfdsf]

ありがとうございます。
解決できました