typescript ネストする配列の定義方法

Question

jsxをtsx＆hooksに書き換えています。
stateで管理しているGroupsというstateがあり、その型を定義したいです。
下記でGroupsの配列を定義してあげたのですが、childrenの中にはその子供
のGroupsが入っていて、その子供のGroupsのchildrenの中にもGroupsが入っているという構造です。
どうやって定義したらいいのでしょうか？

interface Groups {
  id: number;
  name: string;
  children:　// どう定義したらいいのかがわからない;
}

**Groupの配列の中身**
▼[{…}]
　▼0:
　　id: 100
　　name: "太郎"
　　mail: [e-mail] 
　　▼children: Array(2)
　　　0: {id:120, name: "山田", email: [e-mail]}
　　▼1:
　　　　id: 121
　　　　name: "佐藤"
　　　　email: "[e-mail]"
　　　　children: Array(１)

Answer 1

どうやって定義したらいいのでしょうか？

普通に書けばいいです。

interface Groups {
  id: number;
  name: string;
  children: Groups[];
}

Comments

[whiwhdiw]

これで勝手にtypescriptが解釈してくれるということでしょうか？

[maisumakun]

自分自身の中で自分自身を使う再帰的な定義は可能です。

（型名の間違いがありましたので修正しました）

[whiwhdiw]

ありがとうございます