Trouble setting up sample table. "Could not find matching row model for rowModelType clientSide" : <p>I've been going through the "Getting Started" tutorial for the ag-grid on the fresh project. Completed all the steps but got an error saying</p>

<pre><code>ag-Grid: could not find matching row model for rowModelType clientSide
ag-Grid: Row Model "Client Side" not found. Please ensure the ClientSideRowModelModule is loaded using: import '@ag-grid-community/client-side-row-model';
</code></pre>

<p>Compared all my code with examples provided in the tutorial and some plunker examples, and didn't notice any differences. Tried importing ClientSideRowModelModule to the app.module but interfaces did not match with what angular requested, so it didn't work. I'm out of ideas and failed to find any info on how to fix it.</p>

<p>app.module.ts:</p>

<pre><code>    ... imports: [
    BrowserModule,
    AppRoutingModule,
    AgGridModule.withComponents([])
  ],...
</code></pre>

<p>app.cpmponent.html:</p>

<pre><code>&lt;ag-grid-angular 
style="width: 500px; height: 500px;" 
class="ag-theme-balham"
[rowData]="rowData" 
[columnDefs]="columnDefs"
 &gt;
&lt;/ag-grid-angular&gt;
</code></pre>

<p>app.component.ts:</p>

<pre><code>    ...columnDefs = [
      {headerName: 'Make', field: 'make' },
      {headerName: 'Model', field: 'model' },
      {headerName: 'Price', field: 'price'}
  ];

  rowData = [
      { make: 'Toyota', model: 'Celica', price: 35000 },
      { make: 'Ford', model: 'Mondeo', price: 32000 },
      { make: 'Porsche', model: 'Boxter', price: 72000 }
  ];...
</code></pre>

<p>I'm using Angular: 8.2.10, Angular CLI: 8.2.2, npm: 6.9.0</p>
