Угловой материал Sidenav - ExpressionChangedAfterItHasBeenCheckedError

Question

У меня есть mat-sidenav, который мне нужен, чтобы он был открыт по умолчанию, когда я добавляю [opened]="true" к нему, я получаю эту ошибку:

ExpressionChangedAfterItHasBeenCheckedError: Выражение изменилось после его проверки,Предыдущее значение: «@transform: open-instant». Текущее значение: '@transform: void'.

Это мое sidenav:

<mat-sidenav #snav 
  [mode]="mobileQuery.matches ? 'over' : 'side'" 
  fixedInViewport="true" 
  fixedTopGap="56"
  style="padding-top: 8px" 
  class="bg-main" 
  [opened]="true">
    //...
</mat-sidenav>