[DataGrid] getValueError in valueGetter if incorrect field is supplied

packages/grid/_modules_/grid/utils/paramsUtils.ts

@@ -27,7 +27,7 @@ export function buildCellParams({
     getValue: (field: string) => {
       // We are getting the value of another column here, field
       const col = api.getColumnFromField(field);
-      if (!col.valueGetter) {
+      if (!col || !col.valueGetter) {
         return rowModel[field];
       }
       return col.valueGetter(

packages/grid/data-grid/src/tests/layout.DataGrid.test.tsx

@@ -118,6 +118,29 @@ describe('<DataGrid /> - Layout & Warnings', () => {
         );
         expect(getColumnValues()).to.deep.equal(['Jon Snow', 'Cersei Lannister']);
       });
+
+      it('should support columns.valueGetter even if field param supplied is incorrect resulting in no data to be rendered', () => {
+        const columns = [
+          { field: 'id', hide: true },
+          { field: 'firstName', hide: true },
+          { field: 'lastName', hide: true },
+          {
+            field: 'fullName',
+            valueGetter: (params) => params.getValue('age'), // incorrect field parameter supplied to 'getValue'
+          },
+        ];
+
+        const rows = [
+          { id: 1, lastName: 'Snow', firstName: 'Jon', age: 1 },
+          { id: 2, lastName: 'Lannister', firstName: 'Cersei', age: 2 },
+        ];
+        render(
+          <div style={{ width: 300, height: 300 }}>
+            <DataGrid rows={rows} columns={columns} />
+          </div>,
+        );
+        expect(getColumnValues()).to.deep.equal(['1', '2']);
+      });
     });
 
     describe('warnings', () => {