MUI X DataGrid配置localeText时出现读取'MUIXDataGrid'属性的TypeError错误

报错原因 #

当前写法适配的是旧版本MUI X DataGrid的语言包结构，v5及后续版本语言包导出结构调整，不存在esES.props.MuiDataGrid层级，读取不存在的属性时触发该报错。

解决方法 #

根据你使用的MUI X DataGrid版本选择对应写法：

• v5版本写法：

import { DataGrid, esES} from '@mui/x-data-grid';

<DataGrid 
  localeText={esES.components.MuiDataGrid.defaultProps.localeText}
  rows={estudiantes}
  columns={columns}
  autoPageSize 
/>

• v6及以上版本写法：

import { DataGrid } from '@mui/x-data-grid';
import { esES } from '@mui/x-data-grid/locales';

<DataGrid 
  localeText={esES}
  rows={estudiantes}
  columns={columns}
  autoPageSize 
/>

内容的提问来源于stack exchange，提问作者React Enjoyer