[DataGrid] Throw an error if incorrect column type is used

[DanailH]

Fixes #3749

[mui-bot]

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	187.2	396.7	218.3	268.52	84.375
Sort 100k rows	ms	326.4	698.3	550.9	536.26	132.867
Select 100k rows	ms	131.3	303.4	187	192.42	59.781
Deselect 100k rows	ms	87.4	217.7	195.2	159.96	46.17

Generated by 🚫 dangerJS against e20dd31

[oliviertassinari]

I wonder if providing the column field would allow a developer to resolve the issue faster. Not sure.

[alexfauquette]

Another helper could be to print the available types. Such that they can compare the type they used and the correct ones

// Supported types are: "string", "number", "date", "dateTime", "boolean", "singleSelect", "actions"
`Supported types are: ${Object.keys(columnTypes).map(t => `"${t}"`).join(', ')}`

[DanailH]

Not sure either. Printing all of them is ok but can the list be too long?

[alexfauquette]

Is it possible to add types? In the example from the doc, there is not strictly speaking a modification of the available types. It's only a trick to simply colDef reading

The demo below defines a new column type: usdPrice that extends the native number column type.

const usdPrice: GridColTypeDef = {
  type: 'number',
  width: 130,
  valueFormatter: ({ value }) => valueFormatter.format(Number(value)),
  cellClassName: 'font-tabular-nums',
};

<DataGrid
  columns={[
    { field: 'status', width: 130 },
    { field: 'subTotal', ...usdPrice },
    { field: 'total', ...usdPrice },
  ]}
  rows={rows}
/>

[DanailH]

I was also thinking it is possible but it turns out, no -> https://codesandbox.io/s/columntypesgrid-material-demo-forked-hodui?file=/demo.tsx
You can extend existing column types but you can't create a new one. I'm wondering whether we should add this feature?