[Dúvida] Duas mensagens de erro sendo exibidas

Meu codigo:

   <div class="formulario__dupla">
      <!-- Data de nascimento -->
      <div class="formulario__campo">
          <label class="campo__etiqueta" for="nascimento">Nascimento</label>
          <input name="nascimento" id="nascimento" type="date" class="campo__escrita" 
          ngModel 
          required
          maiorIdadeValidator
          #nascimento = "ngModel"/>
          <div *ngIf="(nascimento?.touched && nascimento?.invalid) || nascimento?.dirty">
            <!-- obrigatoriedade nascimento -->
            <app-mensagem *ngIf="nascimento?.errors?.['required']" mensagem="O campo de nascimento deve ser preenchido"></app-mensagem>
            <!-- obrigatoriedade de maioridade -->
             <app-mensagem *ngIf="nascimento?.errors?.['maiorIdadeValidator']" mensagem="O usuário precisa ser maior de idade"></app-mensagem>
          </div>
      </div>

Meu resultado:

Por qual motivo estão sendo exibidas as duas mensagens de erro?