Как создавать формы в mat-tab-group?

Question

Я пытаюсь сделать что-нибудь очень простое. Я хочу создать группу mat-tab-group с другой формой на каждой вкладке, поэтому я пробовал много таких вещей, как это:

<div style="display: flex; align-items: center; justify-content: center;">
  <mat-tab-group>
    <mat-tab label="t1">
      <mat-form-field appearance="fill">
        <mat-label>Input</mat-label>
        <input matInput />
      </mat-form-field>
    </mat-tab>
    <mat-tab label="t2">
      <mat-form-field appearance="fill">
        <mat-label>Input</mat-label>
        <input matInput />
      </mat-form-field>
    </mat-tab>
  </mat-tab-group>
</div>

Но это заставляет вкладки зависать каждый раз, я не могу щелкнуть другую вкладку и компилятор не возвращает ошибку (не проблема импорта). Я предполагаю, что он замерзает, потому что я не использую должным образом, я пытался поместить его в a и другие вещи, но ничего не помогает. Так как же сделать эту простую вещь?