Cuando agregué data aquí dentro de MuiDatatable , mostrará este error

No se pueden leer las propiedades de undefined (leyendo 'split')

¿Cómo soluciono esto y muestro los datos?

Recreé el problema en codesandbox: https://codesandbox.io/s/xenodochial-fog-s984v0?file=/src/App.js

Códigos:

 export default function App() { console.log(data); const columns = [ { name: "id", label: "System ID", //or the order ID here options: { filter: true, sort: true, display: false } }, { label: "Name", options: { filter: true, sort: true } }, { label: "Address", options: { filter: true, sort: true } }, { label: "Cart Items", options: { filter: true, sort: true } }, { label: "Total Amount", options: { filter: true, sort: true } } ]; const options = { filter: true, selectableRows: "none", responsive: "simple" // onRowClick: handleRowClick, }; return ( <div className="App"> <ThemeProvider theme={createTheme()}> {" "} <MUIDataTable title={"Reports"} options={options} columns={columns} data={data} /> </ThemeProvider> </div> ); }