Разрыв линии сетки Angular Flex-Layout с помощью fxLayoutWrap

Раньше я мог создавать сетку с разрывом строки в угловой гибкой компоновке с помощью fxLayoutWrap.

Кажется, больше не работает. Какое бы число я ни ввел в fxFlex, div не переходит на следующую строку. Я видел пример Angular flex-layout с ngFor, но я не могу заставить его работать на моей стороне.

<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap="wrap">
  <div 
    fxFlex.gt-xs="50%" 
    [fxFlex.gt-md]="regularDistribution" 
    *ngFor="let country of countries">{{ country }}
  </div>
</div>