title: Angular material sidenav error Found the synthetic listener @transform.start
body: <p><a href="https://stackblitz.com/github/snehalp29/ng10-material10" rel="nofollow noreferrer">https://stackblitz.com/github/snehalp29/ng10-material10</a></p>
  <p>I am trying to use the material side nav but getting the following issue.</p>
  <p>preview-29b0f46fcc27b310236ab.js:1 ERROR Error: Uncaught (in promise): Error: Found the synthetic listener @transform.start. Please include either &quot;BrowserAnimationsModule&quot; or &quot;NoopAnimationsModule&quot; in your application.
  Error: Found the synthetic listener @transform.start. Please include either &quot;BrowserAnimationsModule&quot; or &quot;NoopAnimationsModule&quot; in your application.</p>
  <p>below is the code</p>
  <pre><code>&lt;mat-sidenav-container class=&quot;example-container&quot;&gt;
    &lt;mat-sidenav mode=&quot;side&quot; opened&gt;
      Sidenav content
      &lt;app-toolbar&gt;&lt;/app-toolbar&gt;
    &lt;/mat-sidenav&gt;
    &lt;mat-sidenav-content
      &gt;Main content
      &lt;router-outlet&gt;&lt;/router-outlet&gt;
    &lt;/mat-sidenav-content&gt;
  &lt;/mat-sidenav-container&gt;
  
  </code></pre>